Question

我在php文件中有一个简单的表单：

<form class='loginForm' id='loginForm'>
    <input type='text' class='form-control' name='username' placeholder='email address'>
    <button class='btn btn-lg btn-primary btn-block' type='submit'>Login</button>
</form>

我试图通过以下方式停止表单提交：

$("#loginForm").on('submit', function (e) {
    e.preventDefault();
});

但它没有阻止它，我做错了什么？

由于

Answer 1

将事件附加到文档就绪后加载的内容时使用事件委派。

$(document).ready(function(){
    $(document).on('submit', "#loginForm", function (e) {
        e.preventDefault();
    });
});

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<form class='loginForm' id='loginForm'>
    <input type='text' class='form-control' name='username' placeholder='email address'>
    <button class='btn btn-lg btn-primary btn-block' type='submit'>Login</button>
</form>

jQuery防止默认不起作用

1 个答案: