快好知 kuaihz

表单验证(登录/注册)

表单验证(登录/注册)

登录,注册是我们使用的较多的表单认证,每个项目都从头开始写,显然是没有必要的。下面和大家分享下我所写的表单验证

下面的代码,会附上完整代码,使用的过程中,只需要根据自己的项目进行简单的修改即可,非常方便。

此表单认证使用了jquery,如您需要原生的JS,改写起来,也是非常方便的。

请看效果图:

CSSDemo

登录

X

  • 输入您的账号"" class=""account"" maxlength=""11"" style=""color:#999;"" onblur=""textBlur(this)"" onfocus=""textFocus(this)"/"/>

  • 输入密码"" style=""color:#999;"" onblur=""textBlur(this)"" onfocus=""textFocus(this)"/"/>

  • 输入验证码"" style=""color:#999;ime-mode:disabled;-webkit-ime-mode:inactive;"" onblur=""textBlur(this)"" onfocus="""/>

JS部分代码如下:

备注:这段JS代码中不仅包含了登录对话框的验证部分,其实也包含了注册对话框的验证.

注册对话框的效果图如下:

注册

X

  • 输入收到的验证码"" style=""color:#999;ime-mode:disabled;-webkit-ime-mode:inactive;"" baninputmethod=""english"" onblur=""textBlur(this)"" onfocus="""/>发送验证

  • 输入密码"" style=""color:#999;"" onblur=""textBlur(this)"" onfocus=""textFocus(this)"/"/>

  • 输入密码"" style=""color:#999;"" onblur=""textBlur(this)"" onfocus=""textFocus(this)"/"/>

说明:

如果需要使用注册对话框,只需要替换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,}$/

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:表单验证  表单  表单词条  验证  验证词条  登录  登录词条  注册  注册词条  表单验证词条  
电脑

 win7,电脑的”运行“找不到,...

在日常学习和工作中,我们经常会需要使用运行命令来进行一些程序的操作,通常我们都是直接在“开始”菜单中点击进入,那么如果在“开始”菜单中找不到“运行”选项怎么办呢...(展开)

电脑

 计算机一级上网题怎么做

操作方法01:首先,需要在电脑上下载一级计算机基础及Ms Office应用上机软件,这款软件按照《全国计算机等级考试最新考试大纲》研制而成,适合所有参加计算机考...(展开)