<html>
<head>
<title>Better Form Validation---jsjingdian17.10
</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript">
<!--
var whitespace="\t\n\r"; //定义空白字符
function isEmpty(s){ //输入内容搜索
var i;
if((s==null)||(s.length==0))
return true;
for(i=0;i<s.length;i++){//字符串中寻找非空白字符
var c=s.charAt(i); //返回指定位置的字符
if(whitespace.indexOf(c)==-1) //返回某个指定的字符串值在字符串中首次出现的位置,indexOf() 方法对大小写敏感!
return false;
}
//在这一点上,所有字符都是空白符
return true;
}
function validate(){
if(isEmpty(document.myform.username.value))
{
alert("Error:Username is required.\n错误:要求有户名不能为空!")//如果为空,给出提示
document.myform.username.focus();//获得焦点,要求重新输入
return false;
}
if(isEmpty(document.myform.userpass.value))
{
alert("Error:Non-empty password required.\n错误:要求密码不能为空!");//如果为空,给出提示
document.myform.urerpass.focus();
return false;
}
return true;
}
//-->
</script>
</head>
<body><center><h1>Hongten</h1></center>
<table boder="1" align="center">
<form name="myform" id="myform" method="get" action="#" onsubmit="return validate();">
<tr>
<td>用户名:</td>
<td><input type="text" name="username" id="username" size="15" maxlength="15"></td>
</tr>
<tr>
<td>密  码:</td>
<td><input type="password" name="userpass" id="userpass" size="15" maxlength="15"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="提交"></td>
</tr>
</form>
</body>
</html>
mail for check:
<html>
<head>
<title>验证邮箱地址
</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript">
<!--
var whitespace="\t\n\r";
function isEmpty(s){
var i;
if((s==null)||(s.length==0))
return true;
for(i=0;i<s.length;i++){
var c=s.charAt(i); //返回指定字符的位置
if(whitespace.indexOf(c)==-1) //返回某个指定的字符串值在字符串中首次出现的位置,indexOf() 方法对大小写敏感!
return false;
}
return true;
}
function isEmail(field)
{
var positionOfAt;
var s=field.value;
if(isEmpty(s))
{alert("Email不可为空");
field.focus();
return false;
}
/*后面代码可用下面的正则表达式写
if(/[^@]+@[^@]+/.test(s))
return true;
alert("E-mail不合法!");
field.focus();
return false;*/
positionOfAt=s.indexOf('@',1);
if((positionOfAt==-1)||(positionOfAt==(s.length-1)))
{alert("E-mail不合法!");
field.focus();
return false;
}
return true;
}
//-->
</script>
</head>
<body>
<form name="myform" id="myform" method="get" onsubmit="return isEmail(this.isemail);" action="#" >
Email:
<input type="text" name="isemail" id="isemail" size="30" maxlength="60"><br>
<input type="submit" value="提交">
</form>
</body>
</html>