bootstrapValidator 中文API

• 2019 年 11 月 21 日
• 笔记

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/wangtongxue123456/article/details/77098054

用法

使用插件初始化表单后$(form).bootstrapValidator(options)，有两种方法调用插件方法：

// Get plugin instance  var bootstrapValidator = $(form).data('bootstrapValidator');    // and then call method  bootstrapValidator.methodName(parameters)

要么：

$(form).bootstrapValidator(methodName, parameters);

第一种方法主要返回BootstrapValidator实例，同时第二种方法总是返回表示表单的jQuery对象。

所以，可以链接方法如下：

// The first way  $(form)      .data('bootstrapValidator')      .updateStatus('birthday', 'NOT_VALIDATED')      .validateField('birthday');    // The second one  $(form)      .bootstrapValidator('updateStatus', 'birthday', 'NOT_VALIDATED')      .bootstrapValidator('validateField', 'birthday');

API

以下是插件提供的公共方法列表。

方法使用与以下相同的格式：

methodName()

methodName(requiredParameter*, optionalParameter, ...): Type of return value – 方法的目的

激活addField

addField(field*, options): BootstrapValidator – 添加一个新的字段。

• 从字段的HTML属性解析的选项
• 调用插件时设置的当前选项

如果要添加新字段后要执行其他任务，则触发added.field.bv事件：

$(document).ready(function() {      $(form)          .bootstrapValidator(options)          .on('added.field.bv', function(e, data) {              // $(e.target)  --> The form instance              // $(e.target).data('bootstrapValidator')              //              --> The BootstrapValidator instance                // data.field   --> The field name              // data.element --> The new field element              // data.options --> The new field options                // Do something ...          });  });

例

• 添加动态字段

defaultSubmit

defaultSubmit(): BootstrapValidator – 使用默认提交提交表单。

在提交表单时也不会执行任何验证。当您要在自定义提交处理程序中提交表单时，可能会使用它。

破坏

destroy() – 破坏插件。

它将删除所有错误消息，反馈图标以及关闭插件创建的事件。

disableSubmitButtons

disableSubmitButtons(disabled): BootstrapValidator – 禁用或启用提交按钮

例

• 始终启用提交按钮

enableFieldValidators

enableFieldValidators(field*, enabled*, validator): BootstrapValidator – 启用，禁用验证器给定字段

例

• 启用，禁用验证器

getDynamicOption

getDynamicOption(field*, option*): String – 返回可以动态设置的选项值。

例如，zipCode验证器具有country可以动态更改select元素的选项。

getFieldElements

getFieldElements(field): jQuery[] – 按照给定的名称检索字段元素。 返回表示该字段的jQuery元素的数组，或者null如果找不到这些字段。

getInvalidFields

getInvalidFields(): jQuery[] – 返回无效字段的列表。

的getMessages

getMessages(field, validator): String[] – 获取错误消息。

例

• 显示自定义区域中的消息

getOptions

getOptions(field, validator, option): String|Object – 获取字段选项。

getSubmitButton

getSubmitButton(): jQuery – 返回显示点击的提交按钮的jQuery元素。null如果没有点击提交按钮返回。

已验证

isValid(): Boolean– true如果所有表单域都有效，则返回。否则返回false。

调用这个之后，确保已经调用了validate方法。

isValidContainer

isValidContainer(container*): Boolean– true如果容器中的所有字段都有效，则返回。否则返回false。

在使用向导（例如选项卡），崩溃时，这很有用。

isValidField

isValidField(field*): Boolean – 检查该字段是否有效。true如果所有的字段验证器都通过，则返回。否则返回false。

removeField

removeField(field*): BootstrapValidator – 删除给定字段

通过触发removed.field.bv事件，您可以在删除给定字段后执行其他任务：

$(document).ready(function() {      $(form)          .bootstrapValidator(options)          .on('removed.field.bv', function(e, data) {              // $(e.target)  --> The form instance              // $(e.target).data('bootstrapValidator')              //              --> The BootstrapValidator instance                // data.field   --> The field name              // data.element --> The new field element                // Do something ...          });  });

例

• 添加动态字段

resetField

resetField(field*, resetValue): BootstrapValidator – 重置给定字段。它隐藏错误消息和反馈图标。

重置表格

resetForm(resetFormData): BootstrapValidator– 重置表格。它隐藏所有错误元素和反馈图标。所有的字段都被标记为未被验证。

$(form).bootstrapValidator(options);  $(form).data('bootstrapValidator').resetForm();

revalidateField

revalidateField(field*): BootstrapValidator – 重新验证给定字段。

当您需要重新验证其值由其他插件更新的字段时使用它。

默认情况下，一旦该字段已经被验证并被标记为有效的插件，该插件就不会重新验证该字段。当与其他插件一起使用时，字段值被更改，因此需要重新验证。

幕后，方法相当于：

$(form).data('bootstrapValidator')      .updateStatus(field, 'NOT_VALIDATED')      .validateField(field);    // Or  $(form).bootstrapValidator('updateStatus', field, 'NOT_VALIDATED')         .bootstrapValidator('validateField', field);

updateMessage

updateMessage(field*, validator*, message*): BootstrapValidator – 更新错误消息。

updateOption

updateOption(field*, validator*, option*, value*): BootstrapValidator – 更新特定验证器的选项。

更新状态

updateStatus(field*, status*, validator): BootstrapValidator – 更新给定字段的验证器结果

验证

validate(): BootstrapValidator – 手动验证表单。当您想通过单击按钮或链接而不是提交按钮来验证表单时，这很有用。

$(form).bootstrapValidator(options).bootstrapValidator('validate');    // or  $(form).bootstrapValidator(options);  $(form).data('bootstrapValidator').validate();

validateField

validateField(field*): BootstrapValidator – 验证给定字段。