BootstrapValidator API 使用教程:Validator 对象、默认提交方式等
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 是一个功能强大且灵活的前端表单验证插件,提供了许多有用的方法和选项,可以满足各种表单验证需求。
2020-08-31 上传
2021-07-08 上传
2020-12-04 上传
2020-11-28 上传
2017-05-25 上传
2020-11-29 上传
点击了解资源详情
weixin_38717843
- 粉丝: 1
- 资源: 923
最新资源
- BottleJS快速入门:演示JavaScript依赖注入优势
- vConsole插件使用教程:输出与复制日志文件
- Node.js v12.7.0版本发布 - 适合高性能Web服务器与网络应用
- Android中实现图片的双指和双击缩放功能
- Anum Pinki英语至乌尔都语开源词典:23000词汇会话
- 三菱电机SLIMDIP智能功率模块在变频洗衣机的应用分析
- 用JavaScript实现的剪刀石头布游戏指南
- Node.js v12.22.1版发布 - 跨平台JavaScript环境新选择
- Infix修复发布:探索新的中缀处理方式
- 罕见疾病酶替代疗法药物非临床研究指导原则报告
- Node.js v10.20.0 版本发布,性能卓越的服务器端JavaScript
- hap-java-client:Java实现的HAP客户端库解析
- Shreyas Satish的GitHub博客自动化静态站点技术解析
- vtomole个人博客网站建设与维护经验分享
- MEAN.JS全栈解决方案:打造MongoDB、Express、AngularJS和Node.js应用
- 东南大学网络空间安全学院复试代码解析