JQuery Validate插件如何自定义验证方法（结合ajax实现数据库的查重）

Posted 2020-11-10

概述

        本文介绍Validate自定义表单校验方式。Validate插件虽然提供了丰富的验证规则，但在很多时候仍然很难满足我们的开发需求，在注册页面我们需要通过ajax验证用户输入的用户名是否已经被他人注册，那此时通过传统的Validate验证方式已经无法满足需求了！ 我们可以通过自定义验证方法来结合ajax实现这个需求。

自定义ajax基本语法

因为validate是JQuery的插件，所以在此之前必须先导入JQuery和validate的JS包。

    <script type="text/javascript">
                //下面开始自定义一个校验规则（addMethod方法传入两个参数，第一个一个是自定义校验规则的规则名称，第二个传入的是校验方法）
                $.validator.addMethod(
                        "规则名称",
                        function(value,element,params){
                                //这个是验证所调用函数（校验函数），传入三个参数
                                //value:输入的内容（表单元素输入的内容）
                                //element:被校验的元素对象
                                //params：规则对应的参数值（例：required:true 传入的params就是true）
                        }
                );
    </script>