这是一个文本字段。看...我将 maxlength 属性设置为 10。因此,只能输入 10 个字符
<input maxlength="10" id="txt_name" name="txt_name" type="text" required="required"/>
这是一个数字字段。我希望它的最大长度也为 10,以便用户可以输入他们的 10 位手机号码。这会限制用户输入其他数字。
<input id="txt_mob" name="txt_mob" type="number" maxlength="10"/>
但是最大长度不适用于数字字段。为什么??有什么方法可以不使用 Javascript 或 jQuery 来做到这一点吗?
这是一个 FIDDLE .
数字类型不接受属性 maxlength。
你可以试试这个
将类型设置为文本并使用它。
这个脚本只接受数字输入,把它放在你的页面的头部。
<script>
function isNumber(event) {
if (event) {
var charCode = (event.which) ? event.which : event.keyCode;
if (charCode != 190 && charCode > 31 &&
(charCode < 48 || charCode > 57) &&
(charCode < 96 || charCode > 105) &&
(charCode < 37 || charCode > 40) &&
charCode != 110 && charCode != 8 && charCode != 46 )
return false;
}
return true;
}
</script>
然后在您的输入字段中使用它
onkeydown="return isNumber(event);"
例子
<input type="text" onkeydown="return isNumber(event);" maxlength="10" />