阅读量: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
回调函数中可以处理错误情况。