關於使用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表單提交。