javascript - 使用 jQuery 提交表单的问题

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>

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