您现在的位置是:网站首页 > 心得笔记

jquery.validate验证成功后执行异步

盛悦2019-09-1730人围观
简介普通的验证我们直接看文档就好了,像什么required max min等等,我这里记录一下 jquery.validate验证成功后不进行表单提交 直接执行异步

菜鸟教程相关地址:

https://www.runoob.com/jquery/jquery-plugin-validate.html


普通的验证我们直接看文档就好了,像什么required  max min等等,我这里记录一下  jquery.validate验证成功后不进行表单提交 直接执行异步

$(function(){
   $("#form").validate({
       rules: {
           nickname: {
               required: true
           },
           content: {
               required: true
           }
       },
       messages: {
           nickname: {
               required: '昵称不能为空!'
           },
           content: {
               required:'发送内容不能为空!'
           }
       },
       submitHandler:function(form) {
           var url = $("#form").attr('action');
            $.ajax({
                url:url,
                type:'POST',
                data:$("#form").serialize(),
                success:function(data){
                    parent.layer.msg(data.message, {icon:1, time:1000});
                    parent.location.reload();

                },
                error:function(data){
                    parent.layer.msg(data.message, {icon:2, time:1000});
                    parent.location.reload();
                }
            });
       }
   });
});



jQuery validate验证隐藏表单(hidden)域


validate 插件默认不会校验隐藏的 input(包括 type="hidden" 的或 display:"none" 的 input),我猜想插件作者这么做的原因可能是为了提升性能。但是有时还是需要对一个隐藏的 input 进行操作。

在1.9的changelog里发现了这么一句

changelog里

* Fixed #189 - :hidden elements are now ignored by default

ignore: ":hidden",


把ignore改为“”或者[]便可以正常验证了