jquery ajax 提交保留表单验证

jquery ajax 提交保留表单验证

1、表单：

     

          
     
     

           
     
     登录

     忘记密码?

2、javascript：

 $("#loginBtn").click(function(){
            var user_name = $("#user_name").val();
            var user_password = $("#user_password").val();
            if(user_name && user_password){
                var json={pn:"login",user_name:user_name,user_password:user_password}
                Ajax(json,function(er,msg){
                    console.log(msg);
                })
                return false;
            }
  })

   原理就是不满足提交条件的时候用form验证，满足条件的是很用ajax提交

    Ajax简单封装 

function Ajax(json,cb){
    $.ajax({
        url: "/action",
        dataType: "JSON",
        type: "POST",
        data :json,
        success : function(result) {
            cb("",result)
        },
        error : function(e){
            cb(e.responseText,null);
        }
    });
}