快捷導(dǎo)航

JS非空驗證及郵箱驗證的實例

更新時間：2017年08月11日 08:08:33 投稿：jingxian

下面小編就為大家?guī)硪黄狫S非空驗證及郵箱驗證的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

非空驗證

<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('必須輸入聯(lián)系電話！');
 document.getElementById('Tel').focus();
 return false;
 }

 if(document.getElementById('Address').value=='') {
 alert('必須輸入聯(lián)系地址！');
 document.getElementById('Address').focus();
 return false;
 }

 if(document.getElementById('WebID').value=='') {
 alert('必須設(shè)置員工賬號！');
 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('必須輸入聯(lián)系電話！');
 document.getElementById('Tel').focus();
 return false;
 }

 if(document.getElementById('Address').value=='') {
 alert('必須輸入聯(lián)系地址！');
 document.getElementById('Address').focus();
 return false;
 }

 if(document.getElementById('WebID').value=='') {
 alert('必須設(shè)置員工賬號！');
 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>
實現(xiàn)功能：當(dāng)鼠標(biāo)焦點離開文本框時觸發(fā)該事件。onblur=“isEmail” [ onblur()失去焦點時觸發(fā)事件 ]
<body>
<input type="text" maxlength="32" style="width:220px;" onblur="isEmail()" id="zh_e"/>
</body>

以上這篇JS非空驗證及郵箱驗證的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: