表單驗證(為後期功能完善添加)
阿新 • • 發佈:2017-08-03
隱藏 ont with length type nbsp ava dex www.
一、表單驗證是否輸入為空,如果為空彈出alert。
function validate_required(field,alerttxt) { with (field) { if (value==null||value=="") {alert(alerttxt);return false} else {return true} } }
二、驗證表單填入郵箱格式是否正確。
function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".")if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} } }
(需要添加的功能還包括動態郵箱補全,地址連接http://www.jb51.net/article/97210.htm)
具體要實現的功能
- 填寫郵箱名字,出現下拉列表,自動補全郵箱
- 點擊上下按鈕,選中下拉列表郵箱
- 按回車鍵,選中類表內容,隱藏下拉列表
- 鼠標經過,下拉列表設置為高亮
- 鼠標點擊選中下拉列表
(地址連接http://blog.csdn.net/poptxz/article/details/53054847)
三、電話號碼的有效性的驗證。
1、驗證130-139,150-159,180-189號碼段的手機號碼
<script type="text/javascript"> var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if(!myreg.test($("#phone").val())) { alert(‘請輸入有效的手機號碼!‘); return false; } </script>
2、驗證號碼的長度,以及是否為空
functionvalidatemobile(mobile) { if(mobile.length==0) { alert(‘請輸入手機號碼!‘); document.form1.mobile.focus(); return false; } if(mobile.length!=11) { alert(‘請輸入有效的手機號碼!‘); document.form1.mobile.focus(); return false; } var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if(!myreg.test(mobile)) { alert(‘請輸入有效的手機號碼!‘); document.form1.mobile.focus(); return false; } }
表單驗證(為後期功能完善添加)