Fork me on github

禁用form表单自动提交的方法

HTML

onsubmit返回false

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML中禁止自动提交</title>
</head>
<body>
    <form onsubmit="return false">
        <input type="text">
        <input type="submit">submit
    </form>
</body>
</html>

JS

给表单添加 submit 事件, 并在事件中阻止 submit 事件的默认事件

var form = document.getElementsByTagName('form')[0]
form.addEventListener('submit', function(e) {
    e.preventDefault()
})

代码:https://github.com/zjy4fun/js-ts-learn/issues/1

posted @ 2022-07-13 07:53  zjy4fun  阅读(685)  评论(0编辑  收藏  举报