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

来源:互联网 发布:淘宝上的进口零食推荐 编辑:程序博客网 时间:2024/05/21 14:05

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 提交了
        
        
    });
});
0 0