淮安網站建設-企業網站制作設計-網絡公司推廣建站-淮安和創網絡科技有限公司

使用jquery驗證留言表單手機号碼和郵箱正則方式
時間:2023-04-13關鍵詞:jquery驗證留言表單 點擊量:579
當前位置:首頁>新聞資(zī)訊>網站建設

1666160637889823.jpg

爲了避免表單數據被機器批量注入,因此需要對數據進行驗證是否符合标準。本次驗證主要是公司名稱必須爲中(zhōng)文和驗證手機号碼是否11位,号碼号段格式是否正确,以及電子郵件是否按照标準格式來寫的。

<form action="#" method="post" name="xihedemo" onsubmit="return CheckForm();">

        <label>公司名稱</label><input name="gongsi" type="text">

        <label>手機号碼</label><input name="dianhua" type="text">

        <label>電子郵箱</label><input name="youxiang" type="text">

        <input type="submit" value="提交信息">
    </form>

<script language="javascript">
   function CheckForm() {
        var gongsi = document.xihedemo.gongsi.value;
        if (gongsi.length == 0) {
            alert("請輸入公司名稱!");
            document.xihedemo.gongsi.focus();
            return false;
        }
        if (!gongsi.match(/[(u4e00-u9fa5)(u3002|uff1f|uff01|uff0c|u3001|uff1b|uff1a|u201c|u201d|u2018|u2019|uff08|uff09|u300a|u300b|u3010|u3011|u007e)]+/)) {
            alert("請輸入正确的公司名稱,公司名稱必須是中(zhōng)文及中(zhōng)文符号!");
            document.xihedemo.gongsi.focus();
            return false;
        }


        var dianhua = document.xihedemo.dianhua.value;
        if (dianhua.length == 0) {
            alert("請輸入手機号碼!");
            document.xihedemo.dianhua.focus();
            return false;
        }
        if (dianhua.length !== 11) {
            alert("請輸入11位手機号碼!");
            document.xihedemo.dianhua.focus();
            return false;
        }
        if (!dianhua.match(/^(?:(?:+|00)86)?1(?:(?:3[d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[d])|(?:9[189]))d{8}$/)) {
            alert("請輸入有效的手機号碼!");
            document.xihedemo.dianhua.focus();
            return false;
        }


        var youxiang = document.xihedemo.youxiang.value;
        if (youxiang.length == 0) {
            alert("請輸入電子郵箱!");
            document.xihedemo.youxiang.focus();
            return false;
        }
        if (!youxiang.match(/^[A-Za-z0-9u4e00-u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/)) {
            alert("請輸入正确的電子郵箱!");
            document.xihedemo.youxiang.focus();
            return false;
        }

        return true;
        }

</script>



發表評論
評論就這些咯,快讓大(dà)家也知(zhī)道你的獨特見解
以上評論僅代表用戶個人觀點,不代表羲禾網絡立場
相關資(zī)訊