下一条： html 空格 html空格代码怎么打 >
js实现用户名、密码、邮箱验证代码
发布-xiaoming | 浏览量-
css代码
body{font-size:12px;}
.frred{color:#FF0000; font-size:12px;}
.frbule{color:#0066CC; font-size:12px;}
.fgren{color:#339933; font-size:12px;}
JS代码
// JavaScript Document
function checkformname(){
var regname=/^\w{4,10}$/;
var fname=document.getElementByIdx_x_x_x_x("name");
var ftname=document.getElementByIdx_x_x_x_x("sname");
if(fname.value==""|| fname.value.length<4||fname.value.length>10){
ftname.className="frred";
ftname.innerHTML="× 请输入4-10位用户名，可包含数字、字母、下划线";
}
else{
if(fname.value.match(regname)){
ftname.className="fgren";
ftname.innerHTML="√用户名可用!"
}
else{
ftname.className="frred";
ftname.innerHTML="× 用户名格式输入错误，请检查！";
}}
}
function checkpwd(){
var fpwd=document.getElementById("pwd");
var ftpwd=document.getElementById("spwd");
if(fpwd.value==""||fpwd.value.length<4||fpwd.value.length>20){
ftpwd.className="frred";
ftpwd.innerHTML="× 请输入4-20位用户密码！";
}
else{
ftpwd.className="fgren";
ftpwd.innerHTML="√密码可用！"
}
}
function rcheckpwd(){
var fpwd=document.getElementById("pwd");
var frpwd=document.getElementById("rpwd");
var ftrpwd=document.getElementById("srpwd");
if(frpwd.value=="")
{
ftrpwd.className="frred";
ftrpwd.innerHTML="× 请输入您的重复密码！"
}
else{
if(frpwd.value!=fpwd.value)
{
ftrpwd.className="frred";
ftrpwd.innerHTML="× 俩次密码输入不一致，请重新输入！";
}
else
{
ftrpwd.className="fgren";
ftrpwd.innerHTML=" √ 密码输入正确"
}
}
}
function checkemail(){
var regemail=/^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*(;\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)*$/;
var femail=document.getElementById("email");
var ftemail=document.getElementById("semail");
if(femail.value==""){
ftemail.className="frred";
ftemail.innerHTML="× 电子邮箱不能为空！";
}
else{
if(femail.value.match(regemail)){
ftemail.className="fgren";
ftemail.innerHTML="√ 邮箱地址正确！";
}
else{
ftemail.className="frred";
ftemail.innerHTML="× 邮箱格式输入错误，请检查！";
}
}
}
原文地址：http://www.35ui.cn/post/20150922390.html 标签：js邮箱验证
