在jQuery不起作用的情况下阻止表单提交
Preventing a form from submitting with jQuery not working
这是我的简单形式:
<form accept-charset="utf-8" class="form-vertical" id="template" autocomplete="off" name="template" method="POST" action="http://test.dev/templates">
...various inputs and HTML here...
<input class="btn btn-primary" type="submit" value="Update">
</form>
这是我的JS,它不会阻止表单提交:
<script type="text/javascript">
(function ($) {
'use strict';
$("form#template").on('submit.template', function (e) {
e.preventDefault();
console.debug(e.relatedTarget);
return false;
});
}(jQuery));
</script>
根据以往的经验,这应该可以防止在单击Update
时提交表单。感觉我错过了一些显而易见的痛苦。这里可能发生了什么?
jQuery 2.1.1
使用.each()
浏览所有表单名称,发现该表单被称为templates
(复数),尽管在许多重载之前我将其更改为template
。事实上,模板系统中的某些东西正在缓存代码的这一部分,清除模板缓存解决了这个问题。
所有JS现在都可以正常工作,无需修改。
相关文章:
- 如何在不提交表单的情况下使用jQuery.validate
- PhantomJS-在不提交表单的情况下上传文件
- 如何在不提交表单的情况下使用struts2提交标记作为按钮
- 是否可以在没有用户提交表单的情况下保存表单数据
- 如何在不提交表单的情况下将回车键转换为 Tab 键
- 如何在不先呈现表单的情况下提交表单
- 在不提交表单的情况下将选项值传递给 PHP
- Jquery 序列化 :尝试在不提交表单的情况下将表单状态传递给 ASP.NET MVC 控制器
- 在不提交表单的情况下获取输入字段的值
- 在不提交表单的情况下,在两个texbox中比较mysql数据库中的值
- Php:如何在不提交表单的情况下从mysql数据库中获取文本框值
- 在没有一个表单的情况下用ENTER阻止提交
- 如何在不提交表单的情况下从输入字段获取文件路径
- 如何在没有表单的情况下使用Jquery提交链接点击页面?
- 如何在未提交表单的情况下获得选中或取消选中复选框的值
- 将表单输入存储在javascript变量中,然后在不提交表单的情况下将其值传递到php变量中
- Javascript在不提交表单的情况下获取select选项的值
- HTML/Javascript:如何在不重新提交表单的情况下控制刷新操作
- 我可以't在不提交表单的情况下将javascript变量传递给servlet
- 如何在不提交表单的情况下在文本字段中生成值