Question

<form>
<input type="number" min="10" max="100" value="0"/>
<input type="submit"/>
</form>

嗨上面的代码不允许0.我想允许10到100之间的所有数字。但是如果用户没有输入任何值或输入0，它也必须被允许。我怎么能这样做？

Answer 1

您无法使用HTMl本身指定此内容。但是你可以使用jquery和javascript验证。

<form id="validateme" action="post.php">
    <input id="number" type="number" value="0"/>
    <input type="submit"/>
</form>
<script>
$('#validateme').submit(function(ev) {
    ev.preventDefault(); // to stop the form from submitting
    if($('#number').value == 0 || $('#number').value >= 10 && $('#number').value <= 100) {
        this.submit(); // If the validation suceeds
    } else {
        alert('Validation failed');
    }
});
</script>

希望它有所帮助并且有效;）

Answer 2

仅使用html是不可能的，你应该在没有min和max的情况下进行输入，如果它在10到100之间，请使用javascript / jquery / php进行检查。你现在拥有它的方式将不允许10和10之间的任何其他内容。 100，如果你把它放得更低或更高，你将无法发送它，除非你使用ajax发布（我甚至不确定它是否会起作用）。

Answer 3

<form id="form1">
<input id="number-field" type="number" min="0" max="100" value="0"/>
<input class="form-submit" type="submit"/>
</form>

试试这个http://jsfiddle.net/raghuchandrasorab/7de9L48q/1/

如何在最小和最大范围外输入输入类型编号

3 个答案: