Bootstrap-v3-第三方插件-BootstrapValidator

一、BootstrapValidator插件简介

  • BootstrapValidator,是基于Bootstrap的表单校验插件,内置了许多表单验证器,也可以自定义验证器
  • BootstrapValidator的开发者:国外的nghuuphuoc开发的
  • BootstrapValidator包下载地址: https://github.com/stevenmills/bootstrapvalidator
  • BootstrapValidator引入:将下载完成的BootstrapValidator包中的dist文件夹改名为BootstrapValidator,放在项目根路径下(一般项目中引入第三方插件都是这样操作)

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">    <!-- HTML5文档类型 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">    <!-- 移动端适配 -->
    <mata http-equiv="X-UA-Compatible" content="IE=edge">    <!-- 让IE浏览器使用最新的引擎渲染页面 -->

    <script src="js/jquery.js"></script>    <!-- jquery核心js库 -->
    <script src="js/bootstrap-v3.js"></script>    <!-- Bootstrap3核心js库 -->
    <script src="BootstrapValidator/js/bootstrapValidator.js"></script>    <!-- BootstrapValidator的js库 -->

    <link rel="stylesheet" href="css/bootstrap-v3.css">    <!-- Bootstrap3核心css库 -->
    <link rel="stylesheet" href="BootstrapValidator/css/bootstrapValidator.css">    <!-- BootstrapValidator的css库 -->

    <title>BootstrapValidator</title>

  </head>
  <body>

  </body>
</html>

 

二、BootstrapValidator插件用法

 

posted @ 2021-09-30 16:39  AnnLing  阅读(303)  评论(0编辑  收藏  举报