接着在写我们的js文件时，我们需要在表单中添加以下代码：

$(document).ready(function() {

$('#myForm').validate({

     rules: {

username: {

required: true,

               minlength: 6      

},

password: {

required: true,

minlength: 6

}

},

        submitHandler: function(form) {

           //此处写提交表单数据的逻辑代码

           //……

        }

});

});

代码中，我们首先在.validate()函数里初始化我们的表单验证规则，然后，在submitHandler函数里，写上我们的表单提交处理逻辑代码。

接下来，我们再添加以下代码：

$(“#myForm”).submit(function() {

    $(this).ajaxSubmit({

        success: function(data) {

            //成功处理表单数据的逻辑代码

            //……

        }

    });

    return false;

});

这里我们利用ajaxSubmit函数在表单提交后，再通过ajax方式来发送表单数据。同时，我们利用success函数和data参数来处理表单提交成功后服务器返回的数据。

最后，在html中，在表单的submit按钮里添加以下代码：

这段代码中，我们再次利用ajax方式来提交表单，然后，在点击提交按钮时，将表单数据提交到服务器进行处理。

四、SubmitHandler的优势

1、简化代码逻辑

利用SubmitHandler的方式可以帮助我们大大简化代码的逻辑，使得我们可以专注于处理表单数据，而不是编写冗长的验证逻辑。

2、提高表单的稳定性

SubmitHandler可以帮助我们更好地处理表单数据，减少了代码的错误率和不稳定性，从而提高了表单的稳定性。

3、优化客户端性能

SubmitHandler可以在客户端快速处理表单数据，优化了客户端性能，提高了用户的体验。

4、操作简单

SubmitHandler的操作非常简单，只需要引入基本的jQuery库和jQuery验证插件，然后稍作改动，即可快速运用在我们的表单中。

五、总结

本文策划了SubmitHandler是如何正确使用的话题。SubmitHandler为我们提供了一个非常方便、简单、快捷、强大的方式来处理Web表单的验证和提交。利用SubmitHandler可以帮助我们优化表单提交处理方式，提高系统的稳定性和使用性。因此，如果你计划使用jQuery验证插件来增强你的表单验证和提交，那么SubmitHandler将会是你的不二选择。