码迷,mamicode.com
首页 > Web开发 > 详细

jquery ajax 在submit按钮的click处理中应注意的地方

时间:2014-05-11 22:12:29      阅读:347      评论:0      收藏:0      [点我收藏+]

标签:style   ext   c   color   com   文件   

html文件:

<form action="/index.php/welcome/personpost">

................

<input type="submit" id="personsub"  value="提交" />

</form>


js文件:

$(document).ready(function()

{
    $("#personsub").live(‘click‘,function()
    {
        if($("#oldpassword").val()=="")
        {
            alert("旧密码不能为空!");
            return false;
        }
         var ajaxres=0;
        var oldpsw=$("#oldpassword").val();
        $.ajax(
        {
            type:"post",
            url:"/index.php/welcome/checkpsw",           //判断密码是否正确
            data:{"oldpsw":oldpsw},
            datatype:"text",
            async:false,                                 //注意,默认为异步,false为同步,始终等待success的完成,再执行ajax后的命令( if(ajaxres==-1)  { return false; }。否则ajaxres变量不能正确赋值。
            success:function(result)
            {
            
                if(result=="-1")             //密码不正确
                {
                  
                    ajaxres=-1;
                    alert("旧密码输入错误,请重新输入!");
                    $("#oldpassword").val("");
                    $("#oldpassword").focus();
                   //return false                                    //这里,return false是没用的
                }
            }
        });
        
        if(ajaxres==-1)
        {
        return false;                                         //这里的return false才能使form不提交,维持在此页面
        }

       //如果ajaxres!=-1,则form 提交了
        
        
    });
});

jquery ajax 在submit按钮的click处理中应注意的地方,布布扣,bubuko.com

jquery ajax 在submit按钮的click处理中应注意的地方

标签:style   ext   c   color   com   文件   

原文地址:http://blog.csdn.net/wl_haanel/article/details/25517465

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!