使用BootStrapValidator完成前端输入验证
发布时间:2020-12-18 00:49:14 所属栏目:安全 来源:网络整理
导读:BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证,由于本插件完全基于BootStrap因此可以和UI完美的融合在一起。下面直接上图,看看完成后的结果: 怎么样,还比较和谐把,当然你也可以修改默认样式,让它的显示方式更加美观。 下面来
BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证,由于本插件完全基于BootStrap因此可以和UI完美的融合在一起。下面直接上图,看看完成后的结果: 怎么样,还比较和谐把,当然你也可以修改默认样式,让它的显示方式更加美观。 下面来说说他的用法: 1.下载BootStrapValidator你可以点击BootStrapValidator官方下载地址来下载它。 2.下载后的目录结构下载完成后,如果是全部文件的化,目录结构如下: 其中可以直接在项目中使用的文件都放在dist文件夹中,使用的实例放在demo中,它所依赖的BootStrap以及Jquery文件都放在Vendor文件夹中。如果您项目的BootStrap版本和它所使用的版本不一致,建议使用它的BootStrap文件,否则可能会导致显示效果出问题(困扰了我好几天,终于解决了),下面看看怎么用: 3.用法没什么说的,直接上代码: (1)库引用 主要引用了BootStrap的js和css文件,以及BootStrapValidator的js和CSS文件。以上是根据我的项目结构来引用的,当然您可以按照自己的想法来建立目录。 (2)HTML部分 <input type="radio" name="kind" value="tea"> 老师
<input type="radio" name="kind" value="stu"> 学生 |