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的沒有運行在提交代碼。我究竟做錯了什麼？值得一提的是我正在使用bootstrap。

Answer 1

變化從type="button"到type="submit"

編輯按鈕類型： -

確保您所呼叫的所有事件處理程序，一旦DOM完全由內部將所有的代碼加載DOM像ready事件： -

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