BootstrapValidator API 使用教程:Validator 对象、默认提交方式等

0 下载量 83 浏览量 更新于2024-08-28 收藏 59KB PDF 举报
BootstrapValidator 之 API 学习教程 BootstrapValidator 是一个功能强大且流行的前端表单验证插件,广泛应用于各种 Web 应用程序中。本文将对 BootstrapValidator 的 API 进行详细的介绍和解释,以帮助开发者更好地使用该插件。 获取 Validator 对象或实例 在使用 BootstrapValidator 进行表单验证时,需要获取 Validator 对象或实例,以便调用其方法。有两种方式可以获取 Validator 对象或实例: 1. 通过 `$(form).data('bootstrapValidator')` 获取 BootstrapValidator 的实例 使用此方法可以获取 BootstrapValidator 的实例,可以直接调用其方法。例如: ```javascript var bootstrapValidator = $(form).data('bootstrapValidator'); bootstrapValidator.methodName(parameters); ``` 2. 通过 `$(form).bootstrapValidator(methodName, parameters)` 获取代表当前 form 的 jQuery 对象 使用此方法可以获取代表当前 form 的 jQuery 对象,可以链式调用方法。例如: ```javascript $(form).bootstrapValidator('methodName', parameters); ``` defaultSubmit() defaultSubmit() 方法用于提交表单,调用此方法 BootstrapValidator 将不执行任何的校验。一般需要时可以放在 validator 校验的 submitHandler 属性里调用。例如: ```javascript $('#defaultForm').bootstrapValidator('defaultSubmit'); ``` updateStatus() updateStatus() 方法用于更新字段的状态。例如: ```javascript $(form).data('bootstrapValidator').updateStatus('birthday', 'NOT_VALIDATED'); ``` 或 ```javascript $(form).bootstrapValidator('updateStatus', 'birthday', 'NOT_VALIDATED'); ``` validateField() validateField() 方法用于验证单个字段。例如: ```javascript $(form).data('bootstrapValidator').validateField('birthday'); ``` 或 ```javascript $(form).bootstrapValidator('validateField', 'birthday'); ``` resetForm() resetForm() 方法用于重置表单。例如: ```javascript $(form).data('bootstrapValidator').resetForm(); ``` 或 ```javascript $(form).bootstrapValidator('resetForm'); ``` 其他方法 BootstrapValidator 还提供了许多其他有用的方法,例如 `isValid()`, `validate()`, `getInvalidFields()`, `getSubmittedFields()`, 等等。 BootstrapValidator 是一个功能强大且灵活的前端表单验证插件,提供了许多有用的方法和选项,可以满足各种表单验证需求。