表单验证(登录/注册)
登录,注册是我们使用的较多的表单认证,每个项目都从头开始写,显然是没有必要的。下面和大家分享下我所写的表单验证:
下面的代码,会附上完整代码,使用的过程中,只需要根据自己的项目进行简单的修改即可,非常方便。
此表单认证使用了jquery,如您需要原生的JS,改写起来,也是非常方便的。
请看效果图:
登录
X
JS部分代码如下:
备注:这段JS代码中不仅包含了登录对话框的验证部分,其实也包含了注册对话框的验证.
注册对话框的效果图如下:
注册
X
说明:
如果需要使用注册对话框,只需要替换body中的内容即可。JS和html部分都是通用的。注意jquery.min.js的路径,是您自己本地的路径,记得修改。
另外,如果需要修改样式,可以自行修改css部分。
您可以根据自己的需求,进行修改。
附上一些实用的正则表达式,您可以利用下面的正则表达式,写出丰富的表单:
1.身份证验证:
reg=/^(d{15}$|^d{18}$|^d{17}(d|X|x))$/;
2.手机号验证:
reg=/^1[3|4|5|8][0-9]d{4,8}$/i;
3.密码验证:
6~15位,不能含有空格,支持中文、字母、数字、下划线和小数点
reg = /^([w._]|[一-龥]){6,15}$/;
密码中必须包含字母、数字、特称字符,至少8个字符,最多30个字符
reg = /(?=.[0-9])(?=.[a-zA-Z])(?=.*[^a-zA-Z0-9])/;
4.邮箱验证
reg = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
5.只能输入中文
reg = /^[u4e00-u9fa5],{0,}$/
6.只能输入数字
reg = /^[0,9]{0,}$/