欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-05-26 08:19:12
非空验证

非空验证

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

上一篇： 超级简易的JS计算器实例讲解(实现加减乘除)

下一篇： 最通俗易懂的javascript变量提升详解

推荐阅读

姓名：