表單驗證的js

標籤：表單   提交   兩種   

表單驗證的兩種方法：

一、onsubmit驗證：

<script language="javascript">    function CheckPost () {            if (addForm.user.value == "") {                    alert("請填寫使用者名稱！");                        addForm.username.focus();                        return false;                    }                if (addForm.title.value.length < 5) {                    alert("標題不能少於5個字元！");                        addForm.title.focus();                        return false;                    }                return true;            }    </script><form action="test.php" method="post" name="addForm" onsubmit="return CheckPost();">    <p>使用者:<input type="text" size="10" name="user" maxlength="20"/></p>        <p>標題:<input type="text" name="title" maxlength="50"/></p>        <p>內容:<textarea name="content" rows="8" cols="30"></textarea></p>        <p><input type="submit" name="submit"  onclick="SendForm();" value="發表留言"/></p>    </form><?php    if($_POST[‘submit‘]) {            echo "<script language=\"javascript\">alert(‘提交成功！‘);history.go(-1);</script>";        }    ?>

二、onclick驗證：

<script language="javascript">    function SendForm () {        if(CheckPost()) {            document.addForm.submit();        }    }    function CheckPost () {        if (addForm.user.value == "") {            alert("請填寫使用者名稱！");            addForm.username.focus();            return false;        }        if (addForm.title.value.length < 5) {            alert("標題不能少於5個字元！");            addForm.title.focus();            return false;        }        return true;    }</script>

表單驗證的js