昨天小编在研究regexp,今天小编抽空给大家分享表单验证。
主要功能:
- 用户名必须在5-25个字符之内,而且只能使用字母、数字或下划线,否则不让通过。
- 密码必须在5-25个字符之内,而且只能使用字母或数字(大小写敏感),否则不让通过。
- 根据不同密码程度,下面的low、medium和high会改变背景颜色。
- 确认密码就不说啦。
- 验证码只是做了个样子,反正就是设成必须是5个数字。
- checkBox必须打勾啦,不然不让通过。
- 点击注册按钮,会有相应的提示框(可关闭)弹出。
RegExp部分:
判断用户名:/^\w{5,25}$/g。
判断密码:/^[a-zA-Z0-9]{5,25}$/g。
判断验证码:/^\d{5}$/g。
用户名:
密码:
$(document).ready()执行:
效果图:
DEMO:
DEMO在这儿,欢迎来FORK:。
以上所述是小编给大家介绍的基于Bootstrap 3 JQuery及RegExp的表单验证功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/jquery/41603.html