jQuery验证带有Ajax提交的SubmitHandler

avatar
作者
筋斗云
阅读量:7

在使用jQuery验证插件时,可以使用submitHandler选项来定义在验证成功后执行的函数。如果希望在验证成功后使用Ajax提交表单,可以在submitHandler函数中使用Ajax来实现。

下面是一个示例代码:

$(document).ready(function() { // 初始化表单验证 $('#myForm').validate({ rules: { // 定义表单字段的规则 // ... }, messages: { // 定义表单字段的错误提示信息 // ... }, submitHandler: function(form) { // 在验证成功后执行的函数 // 获取表单数据 var formData = $(form).serialize(); // 发送Ajax请求 $.ajax({ url: 'submit.php', // 提交表单的URL type: 'POST', // 请求方法 data: formData, // 表单数据 success: function(response) { // 处理返回结果 // ... }, error: function(xhr, status, error) { // 处理错误 // ... } }); } }); }); 

在上面的示例中,当表单验证成功后,会执行submitHandler函数。在该函数中,首先使用serialize()方法获取表单数据,然后通过Ajax请求将数据提交到submit.php页面。在success回调函数中可以处理返回结果,在error回调函数中可以处理错误情况。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!