JqueryはIDを指定してフォーム要素を選択しません

Question

jqueryを使用してフォームを送信しようとしていますが、「送信」ボタンをクリックしたときに送信したことを認識しません。

次のように私のHTMLは次のとおりです。

<form id="singleParam" role="form"> 

    <div class="form-group"> 
     <label for="sample_size">Number of samples needed</label> 
     <input name="choices[sample_size]" type="number" class="form-control" id="sample_size" placeholder="Enter desired number of samples"> 
    </div> 
    <div class="form-group"> 
     <label for="mode">Mode of the distribution (value most likely to be sampled)</label> 
     <input name="choices[mode]" type="number" class="form-control" id="mode" placeholder="Enter the likeliest value for your parameter"> 
    </div> 
    <div class="form-group"> 
     <label for="confidence">Confidence interval factor</label> 
     <input name="choices[confidence]" type="number" class="form-control" id="confidence" placeholder="Enter desired confidence interval factor"> 
    </div> 
    <div class="form-group"> 
     <input type="button" class="btn btn-primary btn-lg" id="submit" name="submit"> 
    </div> 

</form> 

とJSは次のとおりです。

ループで

$('#singleParam').on('submit', function() { 
    alert('Form submitted!'); 
    console.log('Form submitted!'); 
    return false; 
}); 

alert()またはconsole.log()はjQueryの提出上のコードを実行しなかったことを意味し、動作しません。私は間違って何をしていますか？私はブートストラップを使用していることに言及する価値があります。

Answer 1

変更type="button"

type="submit"へEDITからボタンの種類： -

は、DOMが完全にのようなDOM readyイベント内のすべてのコードを追加することによってロードされると、すべてのあなたのイベントハンドラを呼び出していることを確認してください：

$(document).ready(function() { 
    // code here 
});