基于Bootstrap 3 JQuery及RegExp的表单验证功能

前端之家收集整理的这篇文章主要介绍了基于Bootstrap 3 JQuery及RegExp的表单验证功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

昨天小编在研究regexp,今天小编抽空给大家分享表单验证。

主要功能

  1. 用户名必须在5-25个字符之内,而且只能使用字母、数字或下划线,否则不让通过。
  2. 密码必须在5-25个字符之内,而且只能使用字母或数字(大小写敏感),否则不让通过。
  3. 根据不同密码程度,下面的low、medium和high会改变背景颜色。
  4. 确认密码就不说啦。
  5. 验证码只是做了个样子,反正就是设成必须是5个数字。
  6. checkBox必须打勾啦,不然不让通过。
  7. 点击注册按钮,会有相应的提示框(可关闭)弹出。

HTML:

密码:

确认密码:

验证码:

checkbox:

最终注册:

$(document).ready()执行:

效果图:

1

2

3

4

DEMO:

DEMO在这儿,欢迎来FORK:

以上所述是小编给大家介绍的基于Bootstrap 3 JQuery及RegExp的表单验证功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/jquery/41603.html

猜你在找的jQuery相关文章