您好,登錄后才能下訂單哦!
非空驗證
<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" onblur="isEmail()" id="zh_e"/> </body>
以上這篇JS非空驗證及郵箱驗證的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。