天天看點

八.JavaScript 表單驗證

<body>
    <script>
        //表單驗證
        function validateForm() {
            var x = document.forms["myForm"]["fname"].value;
            if (x == null || x == "") {
                alert("必須填寫");
                return false;
            }
        }
        //E-mail驗證
        //輸入的資料必須包含 @ 符号和點号(.)。同時,@ 不可以是郵件位址的首字元,并且 @ 之後需有至少一個點号
        function validateEmailForm() {
            var x = document.forms["myform"]["fname"].value;
            var atpos = x.indexOf("@");
            var dotpos = x.lastIndexOf((".");
            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
                alert("這不是一個有效的E-mail位址");
                return false;
            }
        }
    </script>
    <form name="myForm" action="demo_form.php" οnsubmit="return validateForm()" method="post">
        名字:<input type="text" name="fname">
        <input type="submit" value="送出">
    </form>
</body>      

繼續閱讀