JS非空验证及邮箱验证的实例
非空验证
<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" onclick="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> 实现功能:当鼠标焦点离开文本框时触发该事件。onblur=“isEmail” [ onblur()失去焦点时触发事件 ] <body> <input type="text" maxlength="32" style="width:220px;" onblur="isEmail()" id="zh_e"/> </body>
以上这篇JS非空验证及邮箱验证的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
赞 (0)