<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)
return false;
}
//在这一点上，所有字符都是空白符
return true;
}
function validate(){
if(isEmpty(document.myform.username.value))
{
alert("Error:Username is required.")//如果为空，给出提示
document.myform.username.focus();//获得焦点，要求重新输入
return false;
}
if(isEmpty(document.myform.userpass.value))
{
alert("Error:Non-empty password required.");//如果为空，给出提示
document.myform.urerpass.focus();
return false;
}
return true;
}
//-->
</script>
</head>
<body><center><h1>改进的表单验证</h1></center>
<form name="myform" id="myform" method="get" action="http://www." onsubmit="return validate();">
用户名:
<input type="text" name="username" id="username" size="30" maxlength="60"><br>
密码:<input type="password" name="userpass" id="userpass" size="8" maxlength="8">
<p>
<input type="submit" value="提交">
</form>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<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)
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>
|
