jquery validate 接收返回json

最新推荐文章于 2023-09-25 09:59:07 发布

原创最新推荐文章于 2023-09-25 09:59:07 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何使用Ajax和jQuery对表单进行提交和验证操作，包括引入必要的库、设置验证规则、实现异步提交及处理响应数据。

 
 1、ajaxSubmit 不要忘记引用jquery.form.js
 
 jQuery(
 "#form"
 ).validate({
 
 submitHandler:
 function
 (form) {
 
 jQuery(form).ajaxSubmit({
 
 dataType:
 "json"
 
 success:
 function
 (json){
 
 alert(json.message);
 
 }
 
 });
 
 }
 
 });
 
 2、post
 
   <form class="form b-mar-b-20" id="VipApply_AddForm" action="/addVipApply.
 jsp
 x">

       <span class="form-item-name">用户名<span class="c-red">*</span></span>
 
       <input  type="text" class="input-text" id="loginName" name="loginName" vld="            {required:true,rangelength:[3,20],username:true,messages:{required:'请输入用户            名',rangelength:'用户名由3到14位的中文字符、英文字母、数字组成'}}" />
 
     </form>
 
   $("#VipApply_AddForm").validate({
 
       submitHandler: function(form) {  //通过之后回调
 
          $.post("${base}/addVipApply.jspx",
 
               $('#VipApply_AddForm').serialize(),
 
               function(data){
 
   if(data.status==0){
 
                        alert("VIP申请已提交，请耐心等待审核结果！");
 
                    location.href='${base}/hymsa/';
 
   }else if(data.status==1) {
 
                        alert("验证码错误");
 
                        $("#vipApplyCaptcha").click();
 
                   }
 
       },'json');
 
   },
 
   invalidHandler: function(form, validator) {  //不通过回调
 
       return false;
 
   }
 
       });
 
   });