1 <form name="myform" action="" onsubmit="return fun1()"> 2 <div align="center"> 3 <table border="1" width="60%" > 4 <tr> 5 <td colspan=2 align=center><h3>学生信息管理</h3></td> 6 </tr> 7 <tr> 8 <td height="39" width="463" bgcolor="#006699"> 9 <font color="#FFFF00">学生编号:</font><input type="text" maxlength=10 id="sno" value="12345678">(8位数字) 10 </td> 11 12 <td height="39" width="463" bgcolor="#006699"> 13 <font color="#FFFF00">学生名字:</font><input type="text" maxlength=10 id="username" value="刘训">(中文) 14 </td> 15 </tr> 16 <tr> 17 <td height="39" width="463" bgcolor="#006699"> 18 <font color="#FFFF00">邮箱地址:</font><input type="text" maxlength=10 id="email" value="[email protected]"> 19 </td> 20 21 <td height="39" width="463" bgcolor="#006699"> 22 <font color="#FFFF00">电话号码:</font><input type="text" maxlength=11 id="tel" value="15574074751"> 23 </td> 24 </tr> 25 <tr> 26 <td height="53" width="985" bgcolor="#006699" colspan="2" align=center> 27 <input type="submit" value="使用submit按钮提交表单"> 28 </td> 29 </tr> 30 </table>
1 /*是否带有小数*/ 2 function isDecimal(strValue ) { 3 var objRegExp= /^\d+\.\d+$/; 4 return objRegExp.test(strValue); 5 } 6 7 /*校验是否中文名称组成 */ 8 function ischina(str) { 9 var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/ 10 return reg.test(str); /*进行验证*/ 11 } 12 13 /*校验是否全由8位数字组成 */ 14 function isStudentNo(str) { 15 var reg=/^[0-9]{8}$/; /*定义验证表达式*/ 16 return reg.test(str); /*进行验证*/ 17 } 18 19 /*校验电话码格式 */ 20 function isTelCode(str) { 21 var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/; 22 return reg.test(str); 23 } 24 25 /*校验邮件地址是否合法 */ 26 function IsEmail(str) { 27 var reg=/^\[email protected][a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/; 28 return reg.test(str); 29 } 30 31 32 function fun1(){ 33 if(!isStudentNo(document.getElementById("sno").value)){ 34 alert("学生编号是8位数字"); 35 document.getElementById("sno").focus(); 36 return false; 37 } 38 39 if(!ischina(document.getElementById("username").value)){ 40 alert("学生姓名必须填写中文"); 41 document.getElementById("username").focus(); 42 return false; 43 } 44 45 if(!IsEmail(document.getElementById("email").value)){ 46 alert("邮箱地址错误"); 47 document.getElementById("email").focus(); 48 return false; 49 } 50 51 if(!isTelCode(document.getElementById("tel").value)){ 52 alert("电话号码不对"); 53 document.getElementById("tel").focus(); 54 return false; 55 } 56 57 /*运行到这里说明验证通过返回true submit提交按钮起作用提交表单*/ 58 alert("提交成功") 59 return false; // 这边设置禁止提交,实际项目需要改为 true 60 }
原文地址:https://www.cnblogs.com/hugeboke/p/10177456.html
时间: 2024-10-31 13:53:55