栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery验证程序插件+ Ajax提交不起作用

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery验证程序插件+ Ajax提交不起作用

ajax
属于 内部
submitHandler
jQuery的验证插件的回调函数。

根据文档,

SubmitHandler ,回调,默认值:默认(本机)表单提交

回调,用于在表单有效时处理实际的提交。获取表单作为唯一参数。替换默认的提交。 验证后通过Ajax提交表单的正确位置

另一个问题是您打了

.validate()
两次电话。第一次调用后,另一个实例将被忽略,您尝试传递给它的所有规则也将被忽略。该
.validate()
方法在DOM准备
初始化 表单上的插件时被调用一次。

最后,您不需要将

submit
处理程序放入
submitHandler
回调函数中。

演示: http :
//jsfiddle.net/nTNLD/1/

$(document).ready(function () {     $("#contactform").validate({         ignore: ":hidden",         rules: {  name: {      required: true,      minlength: 3  },  cognome: {      required: true,      minlength: 3  },  subject: {      required: true  },  message: {      required: true,      minlength: 10  }         },         submitHandler: function (form) {  $.ajax({      type: "POST",      url: "formfiles/submit.php",      data: $(form).serialize(),      success: function () {          $(form).html("<div id='message'></div>");          $('#message').html("<h2>Your request is on the way!</h2>")   .append("<p>someone</p>")   .hide()   .fadeIn(1500, function () {   $('#message').append("<img id='checkmark' src='images/ok.png' />");          });      }  });  return false; // required to block normal submit since you used ajax         }     }); });


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/403978.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号