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