Question

    <form class="form-asd" role="form">
     <h2>REGISTER</h2>
       <hr />
           EmailAddress:

         <input class="form-control" type="text" id="email" required/>
           <br />
           Password:
         <input class="form-control" type="password" id="Password" required />
           User Type
         <input style="width: 2.2em;height:1.3em" id="ContributorRdb" type="radio" name="choose" value="Contributor" required/>Contributor
         <input style="width: 2.2em;height:1.3em"  id="CategoryRdb" type="radio" name="choose" required/>
            <select class="btn btn-default dropdown-toggle" id="Select" disabled="disabled">
                <option selected="selected" disabled="disabled">type</option>
                <option value="one">one</option>
                    <option value="two">two</option>
                <option value="three">three</option>
                <option value="four">four</option>

            </select>
            <br/        
          <input  class="btn btn-lg btn-sucess"  id="Register" value="Sign up"/>

</form>
<script>
   $(document).ready(function () {
   $('#Register').click(function () {
      alert("this is submitted");

   });
})

</script>

以上表单在没有标记type= submit的情况下效果很好但是当我将按钮修改为input class="btn btn-lg btn-sucess" id="Register" value="Sign up" type="submit"时，此表单停止工作，因此有任何方法可以在此输入标记中使用type ="submit"。

Answer 1

我可以想象这种形式不起作用。

表单属性

错误：<form class="form-asd" role="form">

这应包含行动和方法。

好：<form class="form-asd" role="form" action="" method="post">

提交按钮

错误：<input class="btn btn-lg btn-sucess" id="Register" value="Sign up"/>

应包含类型

好：<input type="submit" class="btn btn-lg btn-sucess" id="Register" value="Sign up"/>

jQuery（不确定你是否包括库）

错误：$('#Register').click(function () {

永远不要假设用户总是点击按钮（您也可以使用enter键）

好：$('form').submit(function () {（我会在表单标签中使用类或ID）

jQuery 2

您不会阻止默认操作，因此您的表单将始终提交。

您可以在jQuery回调中添加return false;或event.preventDefault();之类的内容。

Answer 2

为什么不提交表格，如果那是你想要达到的目的。您可以在文档就绪函数中执行此操作，例如..

$('.form-asd).submit();

或者如果这是您文档中唯一的表单，那么您可以使用表单元素选择器（如

）来定位表单

$('form').submit();

希望它有所帮助：=）

Answer 3

您可以对代码进行以下更改以使其正常工作。

<input  class="btn btn-lg btn-sucess"  id="Register" value="Sign up"/>

到

<input type="button" class="btn btn-lg btn-sucess"  id="Register" value="Sign up"/>

但绝对应该使用上一个答案中建议的最佳做法。

Answer 4

我认为您必须为表单＆lt; form class="form-asd" role="form" action='youraction'>设置操作，然后您可以在javascript中调用document.forms[0].submit()，它将提交表单。希望这有帮助！

Type = submit不能以bootstrap的形式工作？

4 个答案:

表单属性

提交按钮

jQuery（不确定你是否包括库）

jQuery 2