1. 程式人生 > >表單驗證(為後期功能完善添加)

表單驗證(為後期功能完善添加)

隱藏 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、驗證號碼的長度,以及是否為空

    function
validatemobile(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; } }

表單驗證(為後期功能完善添加)