Question

在这里有些东西在逃避我。每次我按下提交按钮，表单只刷新页面，我永远不会收到“表单已提交”消息。我不希望表单刷新页面。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Test</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
        <script type="text/javascript">

            (function($){

                $("#my-form").submit(function(e){
                    e.preventDefault();
                    alert("Form Submitted");
                });

            })(jQuery);

        </script>
    </head>
    <body>

        <form id="my-form" method="post" action="">

            <input type="text" placeholder="Input something..." />
            <input type="submit" value="Submit" />

        </form>

    </body>
</html>

Answer 1

您需要使用DOM ready事件包装代码。

$(function() {
   ...
});

现在，您的代码尝试在DOM中未准备好元素时绑定事件，因此永远不会附加事件。

使用$ .submit（）不断刷新表单

1 个答案: