1. 程式人生 > >JavaScript(JavaScript物件二)

JavaScript(JavaScript物件二)

正則表示式(郵箱驗證):

<head>
    <title></title>
    <script src="YanZheng.js" type="text/javascript"></script>
</head>
<body>
    <center>
        <div>
            <table>
                <tr>
                    <td>
                        賬戶名:
                    </td>
                    <td>
                        <input id="Text1" type="text" placeHolder="請輸入賬戶名"/>
                    </td>
                    <td>
                        *只能是中文
                    </td>
                </tr>
                <tr>
                    <td>
                        密碼:
                    </td>
                    <td>
                        <input id="Text2" type="text" />
                    </td>
                    <td>
                        *只能字母數字下劃線
                    </td>
                </tr>
                <tr>
                    <td>
                        郵箱:
                    </td>
                    <td>
                        <input id="Text3" type="text" />
                    </td>
                </tr>
                <tr>
                    <td>
                        電話:
                    </td>
                    <td>
                        <input id="Text4" type="text" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input id="Reset1" type="reset" value="重置" />
                        <input id="Submit1" type="submit" value="提交" />
                    </td>
                </tr>
            </table>
        </div>
    </center>
</body>
</html>
window.onload = function () {
    var btn = document.getElementById("Submit1");
    var btn2 = document.getElementById("Reset1");
    var name = document.getElementById("Text1");
    var pwd = document.getElementById("Text2");
    var email = document.getElementById("Text3");
    var tel = document.getElementById("Text4");

    //提交
    btn.onclick = function () {
        var Name = name.value; //驗證賬戶名只能為中文
        var telRag = /^[\u4e00-\u9fa5]{4,6}$/;
        if (telRag.test(Name)) {
            alert("賬戶名驗證成功!");

        }
        else {
            alert("賬戶名包含不合法字元!");
        }
        var Pwd = pwd.value; //驗證密碼是否只含有數字字母下劃線
        var telRag = /^\w{6,}$/;
        if (telRag.test(Pwd)) {
            alert("密碼驗證成功!");
        }
        else {
            alert("密碼包含不合法字元!");
        }
        var Email = email.value; //驗證郵箱是否符合規範
        var telRag = /^\
[email protected]
[.]com$/; if (telRag.test(Email)) { alert("郵箱驗證成功!"); } else { alert("郵箱包含不合法字元!"); } var Tel = tel.value; //驗證手機號碼是否正確 var telRag = /^1\d{10}$/; if (telRag.test(Tel)) { alert("手機號驗證成功!"); } else { alert("手機號包含不合法字元!"); } } //重置 btn2.onclick = function () { name.value = ""; pwd.value = ""; email.value = ""; tel.value = ""; } }

在JavaScript的正則表示式物件中定義了三個內建的方法:

1.compile()方法,把正則表示式編譯為內部格式,從而執行的更快

2.exec()方法,用正則表示式在字串中查詢,並返回包含一個結果的陣列

3.test()方法,返回一個bool值,它的指出被查詢的字串是否匹配給定的模式

地區分級表達:

window.onload = function () {

//    select中新增資料
        var sel1 = document.getElementById("Select1");
        var sel2 = document.getElementById("Select2");
        var price = new Array(2);
        price["河南"] = ["鄭州", "周口", "焦作"];
        price["江蘇"] = ["南京", "無錫", "蘇州"];
        for (var i in price) {
            sel1.options.add(new Option(i, i));
        }
        sel1.onchange = function () {
            sel2.options.length = 0;
            if (sel1.value == "value") {
                sel2.options.add(new Option("--市區--", "--市區--"));
                return;
            }
            for (var i in price[sel1.value]) {
                sel2.options.add(new Option(price[sel1.value][i], price[sel1.value][i]));
            }
        }

    var arr = ["張彡", "李斯", "王武"];
    //開始位置
    //刪除數量
    //插入新值
    arr.splice(0,1,"趙柳");
    alert(arr);

}