bootstrapValidator自定验证方法写法

下面是关于"bootstrapValidator自定验证方法写法"的完整攻略，具体步骤如下：

步骤一：引入bootstrapValidator

在HTML中引入bootstrapValidator库，同时还需要引入jQuery库和bootstrap库。代码示例如下：

<!-- 引入jQuery库 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<!-- 引入bootstrap库 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- 引入bootstrapValidator库 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-validator/0.5.3/css/bootstrapValidator.min.css">
<script src="https://cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>

步骤二：编写自定义验证方法

定义自定义验证方法的关键是使用$.fn.bootstrapValidator.validators对象，该对象维护了所有可用的验证器。我们可以通过$.extend()方法往这个对象添加自定义验证器。自定义验证器需要返回一个对象，这个对象实现了validate方法，该方法返回一个boolean值，表示验证是否通过。代码示例如下：

$.fn.bootstrapValidator.validators.isMobile = {
    validate: function(validator, $field, options) {
        var value = $field.val();
        var reg = /^1[3456789]\d{9}$/;
        if (reg.test(value)) {
            return true;
        } else {
            return false;
        }
    },
    message: '请输入正确的手机号码'
};

上面的代码定义了一个名为isMobile的验证器，验证手机号码是否为正确的格式。在validate方法中，获取输入框的值，然后使用正则表达式验证格式，最后返回结果即可。message属性用于定义验证失败时的错误提示信息。

步骤三：在表单中使用自定义验证器

在表单中使用自定义验证器需要设置data-bv-regexp属性。例如，对于一个要进行手机号码验证的input输入框，可以按照以下方式添加验证：

<input type="text" name="mobile" id="mobile" data-bv-regexp="true" data-bv-regexp-regexp="^1[3456789]\d{9}$" data-bv-regexp-message="请输入正确的手机号码">

上面的代码中，data-bv-regexp属性表示有正则验证，data-bv-regexp-regexp表示正则表达式规则，data-bv-regexp-message表示正则表达式验证失败时的提示信息。

需要注意的是，自定义验证器的名称不可以和其他验证器的名称重复，否则会引起覆盖和冲突。所以，我们可以根据需要起一个唯一的名字来定义自定义验证器。

示例一：验证邮箱格式

下面是一个验证邮箱格式的示例，代码如下：

$.fn.bootstrapValidator.validators.isEmail = {
    validate: function(validator, $field, options) {
        var value = $field.val();
        var reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
        if (reg.test(value)) {
            return true;
        } else {
            return false;
        }
    },
    message: '请输入正确的邮箱格式'
};

在表单中，可以按照以下方式配置验证器：

<input type="text" name="email" id="email" data-bv-regexp="true" data-bv-regexp-regexp="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$" data-bv-regexp-message="请输入正确的邮箱格式">

示例二：验证身份证号码

下面是一个验证身份证号码的示例，代码如下：

$.fn.bootstrapValidator.validators.isIdCardNo = {
    validate: function(validator, $field, options) {
        var value = $field.val();
        var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        if (reg.test(value)) {
            return true;
        } else {
            return false;
        }
    },
    message: '请输入正确的身份证号码格式'
};

在表单中，可以按照以下方式配置验证器：

<input type="text" name="idCardNo" id="idCardNo" data-bv-regexp="true" data-bv-regexp-regexp="(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)" data-bv-regexp-message="请输入正确的身份证号码格式">

好了，以上是关于"bootstrapValidator自定义验证方法写法"的完整攻略，希望对您有所帮助。