javascript - 用JS提交表单不进行基本验证

Question

为什么当我使用 javascript 时，基本的 HTML 输入验证未执行？
说出最小最大属性。

这里是 HTML:

<form action="#" method="get">Quantity (between 1 and 5):
    <input type="number" name="quantity" min="1" max="5">
    <br />
    <input type="submit" value="with HTML">
</form>
<button id="sender">with JS</button>

JS:

$("#sender").click(function (event) {
    $("form").submit();
});

以及实例:http://jsfiddle.net/txP4R/2/

Answer 1

您必须触发正常的提交按钮:

$("#sender").click(function (event) {
    $('input[type="submit"]').trigger('click');
    event.preventDefault();
});

看到这个 fiddle :http://jsfiddle.net/gopeter/txP4R/3/