JS非空验证及邮箱验证

mac2025-12-27  9

  非空验证

<body> <table> <tr> <td>姓名:</td> <td><input type="text" name="TrueName" id="TrueName" /></td> </tr> ....省略其他input <tr> <td colspan="2"> <input type="submit" value="submit"  οnclick="return check();" /> </td> </tr> </table>

</body>

<script language="JavaScript"> function Check() {  if(document.getElementById('TrueName').value=='') {   alert('必须输入姓名!');   document.getElementById('TrueName').focus();   return false;  }

 if(document.getElementById('Identity').value=='') {   alert('必须输入身份证号码!');   document.getElementById('Identity').focus();   return false;  }

 if(document.getElementById('Tel').value=='') {   alert('必须输入联系电话!');   document.getElementById('Tel').focus();   return false;  }

 if(document.getElementById('Address').value=='') {   alert('必须输入联系地址!');   document.getElementById('Address').focus();   return false;  }

 if(document.getElementById('WebID').value=='') {   alert('必须设置员工账号!');   document.getElementById('WebID').focus();   return false;  }

 if(document.getElementById('PassWord').value=='') {   alert('密码不能为空!');   document.getElementById('PassWord').focus();   return false;  }

 if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {   alert('两次输入的密码不一致!');   document.getElementById('PassWord').focus();   return false;  } } </script>

<script language="JavaScript"> function Check() {  if(document.getElementById('TrueName').value=='') {   alert('必须输入姓名!');   document.getElementById('TrueName').focus();   return false;  }

 if(document.getElementById('Identity').value=='') {   alert('必须输入身份证号码!');   document.getElementById('Identity').focus();   return false;  }

 if(document.getElementById('Tel').value=='') {   alert('必须输入联系电话!');   document.getElementById('Tel').focus();   return false;  }

 if(document.getElementById('Address').value=='') {   alert('必须输入联系地址!');   document.getElementById('Address').focus();   return false;  }

 if(document.getElementById('WebID').value=='') {   alert('必须设置员工账号!');   document.getElementById('WebID').focus();   return false;  }

 if(document.getElementById('PassWord').value=='') {   alert('密码不能为空!');   document.getElementById('PassWord').focus();   return false;  }

 if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {   alert('两次输入的密码不一致!');   document.getElementById('PassWord').focus();   return false;  } } </script>

邮箱验证

<script type="text/javascript"> //验证邮箱格式 function isEmail()  {     var email=document.getElementById("zh_e").value; if(email=="") { alert("请输入邮箱!");    document.getElementById("zh_e").focus();    return false;  } var pattern= /^([a-zA-Z0-9] [_|\_|\.]?)*[a-zA-Z0-9] @([a-zA-Z0-9] [_|\_|\.]?)*[a-zA-Z0-9] \.[a-zA-Z]{2,3}$/; strEmail=pattern.test(email);     if (strEmail)         return true; } else     { alert("邮箱格式不正确!"); } } </script> 实现功能:当鼠标焦点离开文本框时触发该事件。οnblur=“ isEmail” [ onblur()失去焦点时触发事件 ] <body> <input type="text"  maxlength="32" style="width:220px;" οnblur="isEmail()" id="zh_e"/> </body> 更多专业前端知识,请上 【猿2048】www.mk2048.com
最新回复(0)