在输入时禁用提交 - 脚本不起作用

Question

我已经尝试了这个网站上的一些建议，当用户在表单上按 ENTER 键时防止提交，但它们似乎不起作用。我要么没有将脚本放在正确的位置，要么是因为我使用的是模态？

这是我尝试过的脚本之一：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js">
            $(document).ready(function() {
              $(window).keydown(function(event){
                if(event.keyCode == 13) {
                 event.preventDefault();
                  return false;
                }
              });
             });
</script>

我将代码放在 FORM 标签之后，将其嵌套在按钮提交标签中。我哪里出错了？该表单是一个简单的表单，带有输入和选择，带有一些 PHP 来填充选择标签。

Answer 1

当<script>中有src属性时，标记内的任何内容都将被忽略。(文档(

您必须创建两个标签。一个用于jQuery CDN，一个用于您的代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(window).keydown(function(event){
        if(event.keyCode == 13) {
            event.preventDefault();
            return false;
        }
    });
});
</script>