如果输入类型=数字,则maxlength=5不起作用
maxlength=5 not working if input type=number
这太令人沮丧了!
当输入类型为text
并且我将maxlength
设为5时,它不允许我输入超过5个字符的
<input type="text" maxlength="5" />
如果我把输入类型设为number
,把maxlength
设为5,它是否允许5位以上的数字?
<input type="number" maxlength="5" pattern="[0-9]*" />
我是不是错过了什么?
附言:这是为移动响应网站!
使用max
而不是maxlength
<input type="number" min="1" max="10000" />
更新
小型jQuery插件
(function ($) {
$.fn.maxlength = function (length) {
return this.on('keydown', function () {
var maxlength = length || parseInt($(this).attr('maxlength'), 10) ;
if (maxlength && $(this).val().length >= maxlength) {
$(this).val($(this).val().slice(0, maxlength - 1));
}
});
};
}($));
示例
尝试使用max
。。。
<input type="number" max="99999" />
编辑:显示验证
<form id='FormValidation'>
<input id="myNum" type="number" min="1" max="99999" />
<input type="text" maxlength="5" />
<input type="submit" />
</form>
尝试添加一个大于99999的数字,然后点击提交,检查更新后的fiddle。
这个jquery也有帮助。。。
$('#myNum').keyup( function(e){
var max = $('#myNum').attr('max').length;
if ($(this).val().length >= max) {
$(this).val($(this).val().substr(0, max));
}
});
用max
替换maxlength
// Max Length = 5
<input type="number" max="99999" />
// length between 1 to 5
<input type="number" min="1" max="99999" />
更新的答案。太简单了!
<input type="number" id="nbr"/>
<input type="text" maxlength="5" />
$(document).on('keypress','#nbr', function(e){
if($(this).val().length >= 5)
{
e.preventDefault();
}
});
您可以添加一个最大属性,该属性将指定您可以插入的最大可能数字
<input type="number" max="999" />
如果同时添加最大值和最小值,则可以指定允许值的范围:
<input type="number" min="1" max="999" />
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 监视函数从服务返回不起作用,但作用域函数起作用
- 幻灯片滚动javascript不起作用
- 简单的javascript在Shopify中不起作用
- Recaptcha在IE7和IE8中不起作用
- Ember Data DS.Model's set函数不起作用
- JsFiddle上的鼠标事件不起作用
- 我的AngularJS表达式没有'不起作用
- 点击按钮输入不起作用
- 面向对象的Javascript代码在IE7中不起作用
- 分部隐藏在jquery中不起作用
- 在phonegap应用程序内部重定向不起作用
- Array.length似乎不起作用;console.log则显示其他情况
- $ionicplatform内的$scope不;不起作用
- 我的javascript for循环不起作用
- Phonegap-输入类型的电子邮件maxlength不起作用
- 如果输入类型=数字,则maxlength=5不起作用
- maxlength在ckeditor angularjs指令的文本区域中不起作用
- 如果值是从js代码中设置的,则maxlength不起作用
- maxlength属性在IE中不起作用