在前端开发中，表单验证是一个非常重要的部分。为了方便表单验证的实现，有许多优秀的 npm 包可供使用。其中就包括了 1000hz-bootstrap-validator 这个包，它可以帮助我们快速地实现基于 Bootstrap 的表单验证。
安装
可以通过以下命令安装 1000hz-bootstrap-validator：
npm install 1000hz-bootstrap-validator --save
使用方法
引入
在 HTML 文件中引入必要的文件：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
HTML 结构
在表单元素上添加相应的标记：
-- -------------------- ---- -------
----- ----------- --------------
---- -------------------
------ ---------------------
------ ----------- -------------------- --------- ----------- ---------
------
---- -------------------
------ ----------------------
------ ------------ -------------------- ---------- ------------ ---------
------
---- -------------------
------ -------------------------
------ --------------- -------------------- ------------- --------------- ---------
------
------- ------------- ---------- ------------------------
-------JavaScript
在 JavaScript 中设置表单验证规则：
-- -------------------- ---- -------
---------------------------------
-------- ----- ----- -- --- ------- -- ------
-------------- - -- ----
------ ---------- --------------
-------- ---------- ------------------
----------- ---------- ------------------
--
------- -
----- -
-------- ----------
----------- -
--------- -
-------- --------
--
------------- -
---- --
---- ---
-------- ---------------
-
-
--
------ -
----------- -
--------- -
-------- --------
--
------------- -
-------- ---------
-
-
--
--------- -
----------- -
--------- -
-------- --------
--
------------- -
---- --
---- ---
-------- ---------------
-
-
-
-
---示例代码
完整的示例代码如下所示：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------------------- ------------
----- ---------------- -----------------------------------------------------------------------------
------- -----------------------------------------------------------
------- -------------------------------------------------------------------------------------------------------------
-------
------
---- ------------------
------------------------------ ---------
----- ----------- --------------
---- -------------------
------ ---------------------
------ ----------- -------------------- --------- ----------- ---------
------
---- -------------------
------ ----------------------
------ ------------ -------------------- ---------- ------------ ---------
------
---- -------------------
------ -------------------------
------ --------------- -------------------- ------------- --------------- ---------
------
------- ------------- ---------- ------------------------
-------
--
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------