使用bootstrap-Validator校验表单

前端UI框架选择bootstrap,那么bootstrap-Validator作为表单校验是一个不错的选择。

以下内容前提是UI框架采用bootstrap。

引入依赖

第一个:校验控件

第二行:语言包,默认是英语

第三行:扩展包,用来自定义

编写form表单

data-bv-{校验规则},规则可以自定义,参考bootstrapValidator.extends.js。

注意提交按钮是submit类型。

提交表单

效果

扩展

扩展一个username校验规则,长度6-20字符。

原文发布于微信公众号 - 陌与尘埃(grq100296)

原文发表时间:2017-11-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏deepcc

简单的滑动条

403130
来自专栏jojo的技术小屋

原 二、在HTML中使用JavaScrip

作者:汪娇娇 时间:2017年11月4日 一、<script>标签 1、标签的位置 </body>之前 2、延迟脚本 defer 3、异步脚本 async 4、...

27060
来自专栏liulun

在VSCode中编辑HTML文档时,在Dom标签上写style属性时智能提示的问题

首先在VSCode中打开一个HTML文件 然后点右下角的“选择语言模式” image.png 然后点击配置HTML语言的基础设置 image.png 然后在...

23780
来自专栏DeveWork

自定义WordPress 密码文章提示文字

WordPress 默认的密码提示文字是这样的:This post is password protected. To view it please enter...

41370
来自专栏前端小叙

修改HTML5 input placeholder 颜色及修改失效的解决办法

input::input-placeholder{color: #bdbdbd ;} /* 有些资料显示需要写,有些显示不需要,但是在编辑器webstorm中...

29580
来自专栏小狼的世界

如何生成eot字体

前一段时间听闻Google退出ubuntu字体的时候,使用了一下,从而了解到 font-face 的用法:

13920
来自专栏数据小魔方

Excel常用数据导入方法

今天给大家讲解Excel数据源的导入 ▽ excel支持的数据源类型有很多 今天只讲解常用的三种类型 Access文件、网页数据、文本数据 Access数据源导...

31270
来自专栏知无涯

WEB前端:element.style覆盖了我想修改的样式!

49880
来自专栏十月梦想

小程序页面跳转

使用组件  <navigator> 示例:  <navigator url='../test/test'>点击跳转</navigator>

13230
来自专栏前端下午茶

JS 回调模式

如果有个模块 findeNodes() ,任务是找到期望的 DOM 元素并使用 hide() 处理:

17910

扫码关注云+社区

领取腾讯云代金券