Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 推特引导模式中的onsubmit不';不要被触发_Javascript_Forms_Twitter Bootstrap - Fatal编程技术网

Javascript 推特引导模式中的onsubmit不';不要被触发

Javascript 推特引导模式中的onsubmit不';不要被触发,javascript,forms,twitter-bootstrap,Javascript,Forms,Twitter Bootstrap,代码很简单: HTML: 以下是现场版本: 如您所见,表单有onsubmit事件,但不会被触发。为什么会发生这种情况?我可以做些什么来实现这些目标: Esc键和取消按钮应关闭模式 输入键和提交按钮应提交表单(显示警报),然后关闭模式 ?请不要在submit上使用,,您在submit按钮上犯了一个错误,您应该删除data dismission=“modal”。那么就没有函数用于在提交时调用事件,所以添加代码 $(document).on('click', '[type="submit"]',

代码很简单:

HTML:

以下是现场版本:

如您所见,表单有
onsubmit
事件,但不会被触发。为什么会发生这种情况?我可以做些什么来实现这些目标:

  • Esc键和取消按钮应关闭模式
  • 输入键和提交按钮应提交表单(显示警报),然后关闭模式

请不要在submit上使用,您在submit按钮上犯了一个错误,您应该删除
data dismission=“modal”
。那么就没有函数用于在提交时调用事件,所以添加代码

$(document).on('click', '[type="submit"]', function() {

    alert('444');

});

引导程序可能正在吞噬其他事件。您是否尝试过使用普通按钮并添加自定义提交功能?如果你想在提交成功后关闭对话框,你需要更多的定制工作。好的。但我只是加了“returnfalse;”最后,在处理事件后阻止表单提交,现在它可以完美地工作。谢谢@z2014根据用户反馈,您可以执行“返回确认('For real?')”之类的操作来提交或中止表单。
$(function() {
    $('.dialog-add-category').modal('show');
});
$(document).on('click', '[type="submit"]', function() {

    alert('444');

});