我嘗試限制可以添加到文本區域的字符數。我知道我可以只用一個子字符串來獲取字符的數量,但我想告訴用戶他的文本已經達到了最大長度。設置文本區域中字符的最大數量
的最大長度屬性似乎做我想要什麼,但IE不支持它在我們目前的版本(我認爲它的地方支持各地IE9)
爲了規避這個問題,我綜合onKeyPress="return(this.value.length < 160);"
的正常工作,防止太長的文本,但它也阻止了文本的擦除或重新編輯,這是一個巨大的問題。
我嘗試限制可以添加到文本區域的字符數。我知道我可以只用一個子字符串來獲取字符的數量,但我想告訴用戶他的文本已經達到了最大長度。設置文本區域中字符的最大數量
的最大長度屬性似乎做我想要什麼,但IE不支持它在我們目前的版本(我認爲它的地方支持各地IE9)
爲了規避這個問題,我綜合onKeyPress="return(this.value.length < 160);"
的正常工作,防止太長的文本,但它也阻止了文本的擦除或重新編輯,這是一個巨大的問題。
只是添加這個JavaScript它爲我工作,也有用的看到左字符。
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
{field.value = field.value.substring(0, maxlimit); }
// otherwise, update 'characters left' counter
else
{
//cntfield.value = maxlimit - field.value.length;
cntfield.value = field.value.length
}
}
html file
也請上onKeypress
事件文本區域添加下面跨度來管理其餘的字符
<span class="alignright comments-req"><input type="text" name="textlen" id="textlen" value="0" class="counter-textfield">/500 <?php echo $this->translate('LABEL_CHARACTER_USED');?></span>
我該如何實現這個功能?我需要使用
是的,那肯定會解決你所有瀏覽器的問題。 – liyakat
好極了!我真的很喜歡一個計數器的額外獎勵,並希望我們的用戶也;) – user2425234
You can use jquery validation check this link
http://jqueryvalidation.org/maxlength-method/
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required having at most 4 characters.</title>
<link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label for="field">Required, maximum length 4: </label>
<input type="text" class="left" id="field" name="field">
<br/>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$("#myform").validate({
rules: {
field: {
required: true,
maxlength: 4
}
}
});
</script>
</body>
</html>
我想在用戶輸入時使用驗證,我該怎麼做? – user2425234
http://stackoverflow.com/questions/43569/max-length-for-的可能重複html-text-areas –
如果您的最大輸入長度小於255個字符,那麼爲什麼不使用? – jeff
@DaveChen:問題還沒有解決,如果文本達到最大用戶無法編輯... – 2013-07-15 11:22:56