form表單提交時的邏輯判斷

 

Form表單點擊提交以後，增長驗證功能

<div>
    <form action="請求路徑" onsubmit="return registerCheck()" method="post">
        <br><br>
        帳戶：　<input type="text" required name="studentName"><br>
        密碼：　<input type="password" required name="studentPassword"><br>
        <input id="submit" type="submit" value="當即註冊"/>
    </form>
</div>

<script>

    //方法一
    $("#submit").click(function () {
        var result = confirm("肯定要XXX嗎");
        if (result) {
            $('#actionForm').submit()
        }

    })
    //方法二
    function registerCheck() {
        var result = confirm("肯定要XXX嗎");
        if (result) {
            return true;
        } else {
            return false;
        }
    }
</script>

思路一：

點擊提交按鈕後，彈出對話框，根據用戶選擇（是|否）來決定，是否執行表單是提交語句

思路二：

點擊提交按鈕以後，根據邏輯之來判斷form表單數據是否提交（好比這裏對用戶輸入的帳戶名經行驗證（用戶名是否已存在））