JS非空验证及邮箱验证的实例

时间：2021-05-26

非空验证

<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非空验证及邮箱验证的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章