Javascript 表单不工作的Jquery submit（）_Javascript_Jquery_Html_Submit

Javascript 表单不工作的Jquery submit（）

javascript jquery html

Javascript 表单不工作的Jquery submit（）,javascript,jquery,html,submit,Javascript,Jquery,Html,Submit,好的，所以当我尝试使用hide和类似的东西时，jquery工作得很好，但是当我尝试使用submit时，什么都没有发生如果有人帮我，我会非常感激的这是我的表格： <form class = "form-horizontal" action = "demo.php" method="post" id = "contactform" > <div class = "modal-header">

好的，所以当我尝试使用hide和类似的东西时，jquery工作得很好，但是当我尝试使用submit时，什么都没有发生

如果有人帮我，我会非常感激的

这是我的表格：

<form class = "form-horizontal" action = "demo.php" method="post" id = "contactform" >
                    <div class = "modal-header">
                        <h4> Sign up for newsletter!</h4>
                    </div>
                    <div class = "modal-body">

                            <div class = "form-group">

                            <label for = "contact-name" class = "col-lg-2" control-label>Name:</label>
                            <div class = "col-lg-10">
                                <input type = "text" class = "form-control" id = "contact-name" name="contact-name" placeholder = "Full name" value = "">

                            </div>

                        </div>
                        <div class = "form-group">
                            <label for = "contact-email" class = "col-lg-2" control-label>Email:</label>
                            <div class = "col-lg-10">
                                <input type = "email" class = "form-control" id = "contact-email" name = "contact-email" placeholder = "u@example.com">

                            </div>

                        </div>
                        <div class = "form-group">
                            <label for = "contact-name" class = "col-lg-2" control-label>Name:</label>
                            <div class = "col-lg-10">
                                <textarea class = "form-control" rows = "8"> </textarea>

                            </div>

                        </div>
                    </div>
                    <div class = "modal-footer"> 
                        <a class = "btn btn-default" data-dismiss = "modal">Close</a>
                        <button class = "btn btn-primary" type = "button" name = "submit" id = "submit" >Submit thiscarp</button>
                    </div>
                </form>

这是我的Jquery代码

        <script type = "text/javascript">

    $(document).ready(
        function(){

            $("button#submit").click(function()
            {
                $("form#contactform").submit();

            });

        });

    </script>

我脑子里也有这个

<head>
    <title> Bootstrap 3 </title>
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">

    <link href = "css/bootstrap.min.css" rel = "stylesheet">
    <link href = "css/styles.css" rel = "stylesheet">

    <script src="js/jquery-1.11.1.js"></script>
    <script src="js/bootstrap.js"></script>

</head>

更改为$contactform.submit；因为您使用了错误的选择器，而且还在按钮选择器中解决了它

无法提交按钮id

我变了

<button class = "btn btn-primary" type = "button" name = "submit" id = "submit" >Submit thiscarp</button>

到

Sry，没有帮助：/奇怪的是$contactform.hide；工作，但不是$contactform.submit；谢谢你的回答，无论如何，我的文档是一个.php文档btwis$contactform.hide在$submit.clickfunction{}内工作；？尝试更改按钮标记Submit thiscarp to并删除javascriptAhh，是的，那么它可以工作，但我想使用JQuery验证表单，因此需要JQuery触发Submit Event否，我将标记更改为type=Submit的标记，然后您必须删除连接到此按钮的所有javascript，因为type=submit的标记将使用中声明的方法post自动将所有输入发送到demo.php

<button class = "btn btn-primary" type = "button" name = "submit" id = "submit" >Submit thiscarp</button>

<button class = "btn btn-primary" type = "button" name = "connect" id = "connect" >Submit thiscarp</button>