首页 > 其他分享> > 禁用form表单自动提交的方法

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

2022-07-13 08:00:17 作者：互联网

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

标签：form,禁用,submit,表单,HTML,事件,提交
来源： https://www.cnblogs.com/realzhaijiayu/p/16472461.html