Bootstrap表单验证

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap表单验证相关的知识,希望对你有一定的参考价值。

主要用过两个:

jqBootstrapValidation

https://github.com/ReactiveRaven/jqBootstrapValidation

 

bootstrapValidator:

http://formvalidation.io/

 

  • 两者的页面效果都不错
  • 前者使用比较方便,后者比较啰嗦,全部要自己写的js代码控制,写起来会比较烦,而前者主要设置好相关的data-属性即可
  • 可惜前者几乎停止更新了,最近一次还是在2013/10/12更新了一次针对bootstrap3.0的升级,还是无语的Beta版。。:
  • https://github.com/ReactiveRaven/jqBootstrapValidation/releases/tag/2.0.0-alpha

而且到现在我还有个问题,在jqBootstrapValidation中使用required属性,设置的data-validation-required-message根本不起作用,出来的中文提示(请填写此字段)也没看明白从哪来的~

以上是关于Bootstrap表单验证的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 表单验证验证同一表单组内的所有字段

Bootstrap表单验证之后滚动到第一个验证失败的位置

Bootstrap+PHP表单验证实例

使用 Bootstrap (jQuery) 进行表单验证

Bootstrap表单验证

使用 Javascript /jQuery 的 Bootstrap 4 表单验证