Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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
Jquery 表单使用$.submit()不断刷新_Jquery_Form Submit - Fatal编程技术网

Jquery 表单使用$.submit()不断刷新

Jquery 表单使用$.submit()不断刷新,jquery,form-submit,Jquery,Form Submit,我在这里有点摸不着头脑。每次我按下提交按钮,表单都会刷新页面,我从来没有收到“表单已提交”的消息。我不希望表单刷新页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <script type="text/javascript" src="http://ajax

我在这里有点摸不着头脑。每次我按下提交按钮,表单都会刷新页面,我从来没有收到“表单已提交”的消息。我不希望表单刷新页面

<!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>

试验
(函数($){
$(“#我的表格”)。提交(功能(e){
e、 预防默认值();
警报(“提交的表格”);
});
})(jQuery);

您需要用DOM就绪事件包装代码

$(function() {
   ...
});
现在,当DOM中的元素未就绪时,您的代码尝试绑定事件,因此事件永远不会附加