附上一张效果图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<title>无标题文档</title> | |
<style> | |
.errMsg{font-size:12px; color:#F00;} | |
</style> | |
<script> | |
function nameerr(){ | |
var nameval = document.getElementById("userName").value; | |
var reg = /^[a-z|A-Z]{1}[a-z|A-Z|0-9|_]{5,19}$/; | |
//alert(reg.test(nameval)); | |
if(reg.test(nameval)){ | |
clearErr("userNameCk"); | |
return true; | |
}else{ | |
document.getElementById("userNameCk").style.display=""; | |
document.getElementById("userNameCk").innerHTML = "用户名非法"; | |
return false; | |
} | |
} | |
function clearErr(eleId){ | |
document.getElementById(eleId).style.display="none"; | |
} | |
function verifyEmail(){ | |
var emailval = document.getElementById("email").value; | |
var reg = /^[a-zA-Z][a-zA-Z0-9_-]*@([a-zA-Z0-9_-]+.)+(com|gov|net|com.cn|edu.cn)$/; | |
//alert(reg.test(emailval)); | |
if(reg.test(emailval)){ | |
clearErr("emailCk"); | |
return true; | |
}else{ | |
document.getElementById("emailCk").style.display=""; | |
document.getElementById("emailCk").innerHTML = "邮箱地址非法"; | |
return false; | |
} | |
} | |
function regist(){ | |
if(nameerr()&&verifyEmail()){ | |
alert("注册成功!"); | |
document.form1.submit(); | |
}else{ | |
alert("注册失败!"); | |
} | |
} | |
</script> | |
</head> | |
<body> | |
<form id="form1" name="form1" method="get" action="http://www.baidu.com"> | |
<table align="center" width="580" border="1" cellspacing="0" cellpadding="2"> | |
<tr> | |
<td width="125">用户名</td> | |
<td width="262"><label for="userName"></label> | |
<input type="text" name="userName" id="userName" onblur="nameerr();" onfocus="clearErr('userNameCk');" /></td> | |
<td width="173"><div id="userNameCk" class="errMsg"></div></td> | |
</tr> | |
<tr> | |
<td>邮箱</td> | |
<td><label for="email"></label> | |
<input type="text" name="email" id="email" onblur="verifyEmail();" onfocus="clearErr('emailCk');" /></td> | |
<td><div id="emailCk" class="errMsg"></div></td> | |
</tr> | |
<tr> | |
<td align="center" colspan="3"><input type="button" name="reg" id="reg" value="注册" onclick="regist();"/></td> | |
</tr> | |
</table> | |
</form> | |
</body> | |
</html> | |
相关推荐
Ajax实时验证用户名邮箱等是否已经存在,更多免费资源的下载地址: http://download.csdn.net/user/php_fly
这个例子使用了jQuery来验证用户名长度邮箱格式
(本人语言表达能力有限,大家忍着看) 功 能 在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册。 这功能大家肯定见过,大多数网站都有的,我一直对这个功能很感兴趣,所以这几天...
直接完整的javascript客户端校验,复制粘贴就行
ajax技术做用户名的异步验证,内含jdbc连接数据库.
java根据用户名和密码验证邮箱是否有效 压缩文件里包含mail.jar包
邮箱验证 任务 邮箱验证 任务背景 本任务是利用正则表达式对邮箱进行校验。邮箱具有一定的规则,在用户注册邮箱时,必须遵守这些规则。正则表达式是一个特殊的字符序列,它能方便的检查一个字符串是否与某种模式匹配...
自用js登录验证,包含邮箱,电话,QQ,用户名、等各种数据的验证,十分好用,现在封装一户分享给大家
JSPjavascript脚本邮箱、密码、用户名验证.pdf
邮件发送功能,主要实现了用户注册邮箱验证,成功后发邮件到注册邮箱中去,然后可以去点击连接进行激活,不激活不能进行登录,会提示未激活账号,如果忘记密码可以通过邮箱或者用户名去找回密码发邮件到注册的邮箱,...
django-dual-authentication-允许验证用户名或者是邮箱地址
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行...
自用js登录验证,包含邮箱,电话,QQ,用户名、等各种数据的验证,十分好用,现在封装一户分享给大家
万能邮箱真实性批量验证工具,Email邮箱地址通用验证工具是一款专门提供邮箱地址验证的软件,该软件无需安装即可使用,帮助你批量验证收信邮箱是否真实有效,该软件验证效率非常高、验证结果很准确、验证速度非常快...
js注册检测 用户名、密码、手机号、邮箱
帝国CMS 注册检查插件AJAX【用户名、邮箱】 下面的附件,已经是转码过后的 GB2312,大家自行转码
ecshop(用户名或邮箱都可登录)修改原理:在登录验证前做判断如果是邮箱的话将此邮箱对应的用户名取出作为登录用户名.
利用正则表达式,匹配账号密码邮箱,如有误则提示错误
这个是通过对网站的用户名和密码的验证,通过post,get方法。例子是Gmail的验证