使用 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)

jQuery - 将验证插件与 AJAX 表单插件一起使用

jQuery插件 -- 表单验证插件jquery.validate.js

jQuery常用插件与jQuery使用validation插件实现表单验证实例