Question

我想在HTML5中使用maxLength验证。

我试过这个

<input type="number" name="trainer_mobile_no[]" maxlength="10" class="form-control" required="required"/>

Answer 1

您不能设置最大长度，但数字输入类型的最大值如下：

 <input type="number" min="0" max="100">

Answer 2

您不能为数字类型设置maxlength attr，可以通过在jQuery中返回false事件来实现。

df['column_name'].value_counts()

$(document).ready(function () {
  //called when key is pressed in textbox
  $("#quantity").keypress(function (e) {
     
     var maxlengthNumber = parseInt($('#quantity').attr('maxlength'));
     var inputValueLength = $('#quantity').val().length + 1;
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        
               return false;
    }
    if(maxlengthNumber < inputValueLength) {
    	return false;
    }
   });
});

Answer 3

您可以添加一个max属性，该属性将指定您可以插入的最高编号

<input type="number" max="999" />

如果同时添加最大值和最小值，则可以指定允许值的范围：

<input type="number" min="1" max="999" />

Answer 4

用作

<input type="number" name="trainer_mobile_no[]" min="1" max="5" class="form-control" required="required">

Answer 5

有两种可能性

<input type="number" min="1" max="999" />

和

如果要检查长度。

不允许用户输入超过4位数字

<input type="number" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==5) return false;" />

下面给出的示例代码。运行该代码

It will accept min 1 and max 999 numbers<br/>
<input type="number" min="1" max="999" />
<br/><br/>
and
<br/><br/>
if you want to check the length (max 5 is defined).<br/>
    <input type="number" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==5) return false;" />

我如何在HTML5中的<input type =“number”/>中设置maxLength属性？

5 个答案: