[英]Jquery limit text in input box
I want to limit number of chars in input text field. 我想限制输入文本字段中的字符数。
Code I'm using: 我正在使用的代码:
function limitText(field, maxChar){
if ($(field).val().length > maxChar){
$(field).val($(field).val().substr(0, maxChar));
}
}
Event is onkeyup. 事件是onkeyup。 When I type some text in input field cursor stays on the end of text but focus is backed on start of the text so I can't see cursor.
当我在输入字段中键入一些文本时,光标停留在文本的末尾,但焦点在文本的开头支持,所以我看不到光标。
What can be a problem. 什么可能是一个问题。
Browser is FF, on IE and chrome it is working correctly 浏览器是FF,在IE和Chrome上它正常工作
you can also do it like this: 你也可以这样做:
<input type="text" name="usrname" maxlength="10" />
to achieve this with jQuery, you can do this: 要使用jQuery实现这一点,您可以这样做:
function limitText(field, maxChar){
$(field).attr('maxlength',maxChar);
}
Your code is working in FF. 您的代码在FF中运行。 Here is slightly modified version of your code:
以下是您的代码的略微修改版本:
$('input.testinput').on('keyup', function() {
limitText(this, 10)
});
function limitText(field, maxChar){
var ref = $(field),
val = ref.val();
if ( val.length >= maxChar ){
ref.val(function() {
console.log(val.substr(0, maxChar))
return val.substr(0, maxChar);
});
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.