Question

请你看一下this Demo并告诉我为什么我无法提交表格（单击提交按钮后没有提醒）。

<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的输入来提交表单。

使用jQuery提交表单的问题

2 个答案: