jquery ajax 提交保留表单验证

jquery ajax 提交保留表单验证

1、表单：

<form class="m-t">
     <div class="form-group">
          <input type="text" class="form-control" placeholder="登录账户" 
               required="" id="user_name">
     </div>
     <div class="form-group">
           <input type="password" class="form-control" placeholder="登录密码"
               required=""  id="user_password">
     </div>
     <button type="submit" class="btn btn-primary block full-width m-b" 
          id="loginBtn">登录</button>

     <a href="#"><small>忘记密码?</small></a>
</form>

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);
        }
    });
}

 

来源：CSDN

作者：shenyunyan

链接：https://blog.csdn.net/shenyunyan8/article/details/104573067