前端UI框架选择bootstrap,那么bootstrap-Validator作为表单校验是一个不错的选择。
以下内容前提是UI框架采用bootstrap。
引入依赖
第一个:校验控件
第二行:语言包,默认是英语
第三行:扩展包,用来自定义
编写form表单
data-bv-{校验规则},规则可以自定义,参考bootstrapValidator.extends.js。
注意提交按钮是submit类型。
提交表单
效果
扩展
扩展一个username校验规则,长度6-20字符。
本文分享自 陌与尘埃 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!