JQuery验证字符数
JQuery验证字符数
提问于 2011-02-16 16:18:55
我正在使用一些jquery验证，它工作得很好，但是当用户输入的字符数超过文本框中允许的字符数时，我希望验证消息显示‘您只能输入10到200个字符。您已经输入了213个字符’。
当前代码如下所示：
rules: {
Description: { rangelength: [10, 200] }
},
messages: {
Description: "You are only allowed between 10 and 200 characters."
}有谁有什么想法吗？
编辑:如果能保持编程风格就好了，但如果这不可能，我就得另找办法了。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-02-16 16:56:46
<html>
<head>
<title>Javascript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js" type="text/javascript"></script>
<script>
$(function(){
$('#myform').validate({
rules: {
field: {
required: true,
rangelength: [2, 6]
}
},
messages: {
field: {
rangelength: function(range, input) {
return [
'You are only allowed between ',
range[0],
'and ',
range[1],
' You have typed ',
$(input).val().length,
' characters'
].join('');
}
}
}
});
});
</script>
</head>
<body>
<form id="myform">
<input id="field" name="field" type="text"/>
</br>
<input type="submit" value="submit"/>
</form>
</body>
</html>Stack Overflow用户
发布于 2016-12-18 15:23:17
<html>
<head>
<title>Javascript</title>
<script src="https://code.jquery.com/jquery-3.1.1.js" type="text/javascript"></script>
<script src="http://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.min.js" type="text/javascript"></script>
<script>
$(function(){
jQuery.validator.addMethod("rangelength", function(value, element, param) {
param[2]=value.length;
return this.optional(element) || ((value.length > param[0]) && (value.length < param[1]));
},'You are only allowed between {0} and {1}. You have typed {2} characters');
$('#myform').validate({
rules: {
field: {
required: true,
rangelength: [2, 6]
}
}
});
});
</script>
</head>
<body>
<form id="myform">
<input id="field" name="field" type="text"/>
</br>
<input type="submit" value="submit"/>
</form>
</body>
就是这样！
Stack Overflow用户
发布于 2011-02-16 16:29:04
function LimitText(ref, iminlength, imaxlength) {
if ((ref.value.length < iminlength) || (ref.value.length > imaxlength)) {
alert("You are only allowed between " + iminlength + " and " + imaxlength + " characters\nCurrent length is: " + ref.value.length);
ref.focus();
}
}
<textarea name="myTextArea" rows="5" cols="5" onblur="LimitText(this,10,160)" ></textarea>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5014045
复制相关文章
相似问题
腾讯云开发者
