form 表單提交前驗證 onsubmit

時間 2019-12-05

標籤 form 表單提交驗證 onsubmit 欄目 HTML 简体版

原文原文鏈接

使用form表單的onsubmit方法，在提交表單以前，對錶單或者網頁中的數據進行檢驗。html

onsubmit指定的方法返回true，則提交數據；返回false不提交數據。jquery

在不使用JQuery的狀況下（js原生），是提交表單前攔截的較好方法。code

js驗證form表單，示例代碼：orm

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>form validate</title>
    <script src="https://code.jquery.com/jquery-1.9.1.js"></script>

    <script>
        function validate() {
            // 爲了方便 使用了jq獲取表單元素的值，可使用js原生獲取
            if ($('#input').val() == 1) {
                return true
            } else {
                alert('validate error!')
                return false
            }
        }
    </script>
</head>

<body>
    <form action="http://www.baidu.com" onsubmit="return validate()">
        <input type="text" id="input">
        <input type="submit" id="submit" value="提交" />
    </form>
</body>

</html>

相關標籤/搜索