关于使用jQuery提交表单的问题

Question

您能否看一下此演示，并让我知道为什么我无法提交表单（单击“提交”按钮后无提示）。

<div class="container">
    <form id="target">
        <div class="btn-group btn-group-xs pull-right" data-toggle="buttons">
            <label class="btn btn-default yesactive active ">
            <input type="radio" name="options" id="option1"><span class="glyphicon glyphicon-ok" />
            </label>
            <label class="btn btn-default noactive">
           <input type="radio" name="options" id="option2"><span class="glyphicon glyphicon-remove" />
            </label>
        </div>
        <button type="button" class="btn btn-default btn-sm" id="submit">Submit</button>
    </form>
</div>

<script>
$( "#target" ).on( "submit", function( e ) {
    alert("Handler for");
    e.preventDefault();
});
</script>

Answer 1

更改

<button type="button" class="btn btn-default btn-sm" id="submit">Submit</button>

至

<button type="submit" class="btn btn-default btn-sm" id="submit">Submit</button>

您正在通过“提交”调用事件，但是在您的按钮中按钮的类型未提交。 如果您更改提交，那么它将满足提交事件。

Answer 2

http://jsfiddle.net/s3774/13/

试试这个。 jQuery使用类型的输入submit表单提交。