提交表单刷新页面,即使使用 e.preventDefault
Submitting form refreshing the page even after using e.preventDefault
我想在提交表单后做一些操作。但是单击"提交"按钮后页面会重新加载。我已经使用了evt.preventDefault()仍然没有停止。
<form class="user-info-form">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="create-user-label">User Details</h4>
<div class="error-message"></div>
</div>
<div class="modal-body">
<div class="form-group">
<label for="user-email" class="control-label">Email:</label>
<input type="email" class="form-control" id="user-email" name="email" required>
</div>
<div class="form-group">
<label for="user-first-name" class="control-label">First Name:</label>
<input type="text" class="form-control" id="user-first-name" name="first_name" required>
</div>
<div class="form-group">
<label for="user-last-name" class="control-label">Last Name:</label>
<input type="text" class="form-control" id="user-last-name" name="last_name" required>
</div>
<div class="form-group">
<label for="user-password" class="control-label">Password:</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<div class="form-group">
<label for="user-confirm-password" class="control-label">Confirm Password:</label>
<input type="password" class="form-control" id="confirmPassword" name="confirm-password" required>
</div>
<input type="hidden" name="id" class="uuid" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary submit-btn">Submit</button>
</div>
</div>
</form>
而JS代码是——
$(".submit-btn").submit(function (evt) {
evt.preventDefault();
oThis.onSubmitBtn();
});
您应该将submit
函数应用于form
标签,而不是提交按钮。
$(".user-info-form").submit(function (evt) {
evt.preventDefault();
oThis.onSubmitBtn();
});
相关文章:
- 我怎样才能制作一个“;reverse preventDefault”;在jQuery中
- IE7 preventDefault()无法处理跳过链接
- e.preventDefault在表单提交时被忽略
- preventDefault而不删除html5验证
- event.preventDefault阻止ajax调用
- jQuery preventdefault提交表单没有'通过js函数提交表单时无法工作
- 事件发生后重定向到主页.preventDefault.
- 是preventDefault()一个jQuery函数或javascript函数
- preventDefault之后的重新启动事件
- preventDefault()赢得'It’我不管用
- 为什么使用e.preventDefault的if语句?-拖放javascript
- event.preventDefault() 不会在 jQuery Mobile 中取消链接方向
- preventDefault() 类似于 javascript 中的功能
- e.preventDefault() in ie8
- 如果父元素具有 preventDefault,如何将单击传播到子元素
- Javascript - jQuery preventDefault method
- Javascript-匿名函数中使用参数引用全局函数的闭包-我如何使用preventDefault
- 如何查找导致preventDefault的原因,该preventDefault会覆盖正常的单击行为
- 如果存在event.preventDefault函数,则ajaxForm不起作用
- Javascript preventDefault operation