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

2019-11-19 15:50:37

字体：大中小

来源：转载

供稿：网友

非空验证

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

上一篇：laydate 显示结束时间不小于开始时间的实例

下一篇：vue如何获取点击事件源的方法