简介
bootstrap-validator-commonjs 是一个基于 Bootstrap 样式的表单验证插件，支持 CommonJS 和 AMD 模块化规范。本文将重点介绍 npm 包 bootstrap-validator-commonjs 的使用教程。
安装
使用 npm 安装 bootstrap-validator-commonjs：
npm install bootstrap-validator-commonjs --save
引入
引入 bootstrap-validator-commonjs：
var $ = require('jquery');
require('bootstrap-validator-commonjs');
// 或者使用 ES6 的 import 语法：
import $ from 'jquery';
import 'bootstrap-validator-commonjs';使用
在表单上加上 validator 属性即可使用 bootstrap-validator-commonjs，如下所示：
-- -------------------- ---- -------
----- ------------ ----------------------- ------------------------
---- -------------------
------ --------------- --------------------------
---- -----------------
------ ----------- -------------------- --------------- ---------
------
------
---- -------------------
------ --------------- -------------------------
---- -----------------
------ ------------ -------------------- ------------ ---------
------
------
---- -------------------
---- ---------------------- ----------
------- ------------- ---------- ------------------------
------
------
-------自定义错误提示
bootstrap-validator-commonjs 提供了一些默认的错误提示信息，如果需要自定义错误提示信息，可以通过 data-* 属性来指定，如下所示：
-- -------------------- ---- -------
----- ------------ ----------------------- ------------------------
---- -------------------
------ --------------- --------------------------
---- -----------------
------ ----------- -------------------- --------------- --------
--------------------
------------------------------------
-------------------
---- ----------------- -------------------
------
------
---- -------------------
------ --------------- -------------------------
---- -----------------
------ ------------ -------------------- ------------ --------
-------------------
-----------------------------
---- ----------------- -------------------
------
------
---- -------------------
---- ---------------------- ----------
------- ------------- ---------- ------------------------
------
------
-------示例
下面是一个完整的例子：
HTML：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------- --------- -------- ----------
----- ---------------- ---------------------------------------------------------------------
----- ---------------- ---------------------------------------------------------------------------------------------------------
-------
------
---- ------------------
------------- --------- -------- -------
----- ------------ ----------------------- ------------------------
---- -------------------
------ --------------- --------------------------
---- -----------------
------ ----------- -------------------- --------------- --------
--------------------
------------------------------------
-------------------
---- ----------------- -------------------
------
------
---- -------------------
------ --------------- -------------------------
---- -----------------
------ ------------ -------------------- ------------ --------
-------------------
-----------------------------
---- ----------------- -------------------
------
------
---- -------------------
---- ---------------------- ----------
------- ------------- ---------- ------------------------
------
------
-------
------
------- ------------------------------------------------------------------
------- ---------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------------------
--------
--- - - ------------------
----------------------------------------
---------
-------
-------效果：
总结
本文介绍了 npm 包 bootstrap-validator-commonjs 的安装、引入、使用和自定义错误提示，希望可以对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c83ccdc64669dde4dd6