JavaScript + 正则表达式 完成一个简略表单验证
日期：2014-05-16 浏览次数：20426 次
JavaScript + 正则表达式 完成一个简单表单验证
自己写了个简单表单验证：
自己写了个简单表单验证：
<!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>
<script language="javascript">
function checkUserNum(str){
if(str.length<3 || str.length>18){
document.getElementById("usernumErr").innerHTML = "<font color='red'>帐号长度在3-18字符内</font>";
form1.password.focus();
return false;
}
var flag = str.match(/\D/)==null;
if(!flag==true){
document.getElementById("usernumErr").innerHTML = "<font color='red'>帐号必须有0-9数字组成</font>";
form1.usernum.focus();
return false;
}
document.getElementById("usernumErr").innerHTML = "";
return true;
};
function checkUserName(username){
if(username.length == 0){
document.getElementById("usernameErr").innerHTML = "<font color='red'>用户名不能为空</font>";
form1.username.focus();
return false;
}
var?patn?=???/^[a-zA-Z]+[a-zA-Z0-9]+$/;
if(!patn.test(username)){
document.getElementById("usernameErr").innerHTML = "<font color='red'>用户名只能由英文字母或数字组成(不支持中文、不能以数字开头)</font>";
form1.username.focus();
return false;
}
document.getElementById("usernameErr").innerHTML = "";
return true;
};
function checkPwd(str){
if(str.length<3 || str.length>18){
document.getElementById("passwordErr").innerHTML = "<font color='red'>密码长度在3-18字符内</font>";
form1.password.focus();
return false;
}
if(escape(str).indexOf("%u")!=-1){
document.getElementById("passwordErr").innerHTML = "<font color='red'>密码不能含有中文</font>";
form1.password.focus();
return false;
}
document.getElementById("passwordErr").innerHTML = "";
return true;
};
function confrimPwd(str){
var pwd = document.form1.password.value;
if(str!=pwd){
document.getElementById("password2Err").innerHTML = "<font color='red'>密码不一致!</font>";
form1.password2.value="";
form1.password2.focus();
return false;
}
document.getElementById("password2Err").innerHTML = "";
return true;
};
function checkEmail(email){
if(email==""){
document.getElementById("emailErr").innerHTML = "<font color='red'>Email不能为空</font>";
form1.email.focus();
return false;
}
var reg=new RegExp("^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$");
if(!reg.test(email)){
document.getElementById("emailErr").innerHTML = "<font color='red'>E-MAIL格式输入不正确!</font>";
form1.email.focus();
return false;
}
document.getElementById("emailErr").innerHTML = "";
return true;
};
function checkTel(tel){
var i,j,strTemp;
strTemp="0123456789-()#";
for(i=0;i<tel.length;i++){
j=strTemp.indexOf(tel.charAt(i));
if(j==-1){
document.getElementById("telErr").innerHTML = "<font color='red'>Tel格式输入不正确!</font>";
form1.tel.focus();
return false;
}
}
document.getElementById("telErr").innerHTML = "";
return true;
};
function checkForm(){
if(document.form1.usernum.value.length == 0){
document.getElementById("usernumErr").innerHTML = "<font color='red'>帐号不能为空</font>";
form1.usernum.focus();
return false;
}
if(document.form1.username.value.length == 0){
document.getElementById("usernameErr").innerHTML = "<font color='red'>用户名不能为空</font>";
form1.username.focus();
return false;
}
if(document.form1.password.value.length == 0){
document.getElementById("passwordErr").innerHTML = "<font color='red'>密码不能为空</font>";
form1.password.focus();
return false;
}
if( !(form1.sex[0].checked || form1.sex[1].checked) ){
document.getElementById("sexErr").innerHTML = "<font color='red'>请选择性别</font>";
form1.sex[0].focus();
return false;
}
if(document.form1.e
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
