<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>