0

您好，我尝试获取提交事件，然后尝试弹出一个提示“werks”的警报，所以我知道它有效。请注意，我已经仔细检查了 jquery.js 文件是否存在于同一文件夹中，并且它是来自 jquery 网站的最新 jquery.min.js。

当我提交表单时，它会自动进入“获取”模式并在我的浏览器的 URL 栏中显示此 URL：“ http://localhost/test.html?input=”而不是向我显示警报。我认为 jquery 在拖钓我。完整代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $('#form').submit(function(event){
                event.preventDefault();
                alert('werks');
            });</script>
    </head>

    <body>
            <form id="form">
                <input type="text" name="input">
                <input type="submit" value="Send">
            </form>
    </body>

</html>
4

5 回答 5

1

试试下面的代码：

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
            <form id="form">
                <input type="text" name="input">
                <input type="submit" value="Send">
            </form>
    </body>
    <script type="text/javascript">
       $( document ).ready(function() {
            $('#form').submit(function(event){
                event.preventDefault();
                alert('werks');
            });
       });
    </script>
</html>
于 2013-10-18T07:58:40.670 回答
0

您需要将其放入文档就绪声明中：

$( document ).ready(function(){

       //Code Here

 });
于 2013-10-18T07:57:45.963 回答
0 
<script type="text/javascript">
$(function(){
  $('#form').submit(function(event){
    event.preventDefault();
    alert('werks');
  });
</script>
于 2013-10-18T07:58:01.263 回答
0

在准备好的文档上触发您的 js 代码，如下所示：

$(function() {
    $('#form').submit(function(event){
        event.preventDefault();
        alert('werks');
    });
});
于 2013-10-18T07:58:26.617 回答
0

$('#form')选择器不返回任何内容，因为尚未加载标记表单。在表单之后移动脚本块，或将其包装在$(document).ready(function () { ... }).

于 2013-10-18T07:58:32.803 回答