使用 jquery validate 插件成功验证后发送 ajax 请求
Posted
技术标签:
【中文标题】使用 jquery validate 插件成功验证后发送 ajax 请求【英文标题】:send ajax request after successfull validation using jquery validate plugin 【发布时间】:2010-10-10 09:45:16 【问题描述】:我正在使用 jquery 插件验证进行表单验证我有一个简单的问题我无法弄清楚。
$(document).ready(function ()
$("#contactForm").validate(
rules:
contactName: "Please Enter Full Name",
contactBody: "Please Enter full message here",
contactEmail:
required: true,
email: true
);
);
这验证完美,我需要的是它是否成功,而不是向用户发送 ajax 请求或邮件,否则不发送。
我知道如何使用 jquery 发送邮件,但我需要发送成功,如何?即使我无法使用警报,它也会给我括号缺少错误
【问题讨论】:
【参考方案1】:您可以使用 submitHandler 选项拦截提交。可以将此选项设置为一个回调函数,该函数可以触发发送电子邮件的 ajax 请求。
要完成这项工作,您需要在处理邮件发送的服务器上设置一个脚本。发送 ajax 请求中所需的所有数据,服务器脚本可以发送邮件并返回成功响应。
【讨论】:
我将如何使用 submithandler ? 您可以将其与 validate() 的参数对象一起发送,如 validate( rules:[your rules here], submitHandler: function() ajaxRequest(); );或类似的东西$().ready(function() $("#contactForm").validate( rules: contactName: "请输入全名", contactBody: "请输入全名message here", contactEmail: required: true, email: true , submitHandler: function() ; ); );Error:missing after:(
以上是关于使用 jquery validate 插件成功验证后发送 ajax 请求的主要内容,如果未能解决你的问题,请参考以下文章
jQuery 验证插件未在 form$.validate() 上进行验证
当同时使用bootstrap-datepicker.js和jquery.validate.js这两款插件,至少要选择两次时间,才能验证成功的问题
jQuery学习jQuery插件的使用与写法(表单验证插件-validation)