100 jQuery-限制文本输入框中字符数量

1.效果图

100 jQuery-限制文本输入框中字符数量_第1张图片

2.html代码

2.1 maxLength.js代码

jQuery.fn.maxLength = function(max, ele) {
	this.each(function() {
		var type = this.tagName.toLowerCase();
		var inputType = this.type ? this.type.toLowerCase():null;
		if (type == "input" && inputType == "text" || inputType == "password") {
			this.maxLength = max;
		}else if (type == "textarea") {
			this.onkeypress = function(e) {
				var ev = e || event;
				var keyCode = ev.keyCode;
				return !(this.value.length >= max && (keyCode == 32 || keyCode == 13) && !ev.ctrlKey && ev.altKey);
			};
			this.onkeyup = function() {
				if (this.value.length > max) {
					this.value = this.value.substring(0, max);
				}
				$("#"+ele).html(max - this.value.length);
			};
			this.onchange = this.onkeyup;
		}
	});
};

2.2 页面代码





100 jQuery-限制文本输入框中字符数量




	
我要留言
140

你可能感兴趣的:(jQuery,jQuery,限制文本输入框中字符数量)