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 ready事件中添加所有代码，确保在DOM完全加载后调用所有事件处理程序，如： -

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

Jquery不会选择ID为

1 个答案: