jQuery实现限制文本框的输入长度

原创 2017-01-13 13:04:09 330
摘要:本文分享了jQuery实现限制文本框的输入长度的示例代码,具有一定的参考价值,下面跟着小编一起来看下吧jQuery限制文本框输入,包含粘贴。//限制文本框的输入长度 $(function () {  $(document).on("keypress", ".txt-valid-len", function&n

本文分享了jQuery实现限制文本框的输入长度的示例代码,具有一定的参考价值,下面跟着小编一起来看下吧

jQuery限制文本框输入,包含粘贴。

//限制文本框的输入长度
$(function () {
 $(document).on("keypress", ".txt-valid-len", function (e) {
 if (e.keyCode == 8) {
 return true;
 }
 else {
 var len = $(this).data("maxlength") || 0;
 if (len > 0) {
 return (this.value.length <= len);
 }
 }
 return true;
 });
 //粘贴
 $(document).on("paste", ".txt-valid-len", function () {
 var len = $(this).data("maxlength") || 0;
 if (len > 0) {
 return ((this.value.length + event.clipboardData.getData('Text').length) <= len);
 }
 return true;
 });
 $(document).on("keyup input", ".txt-valid-len", function (e) {
 var keyCode = e.keyCode || e.which || e.charCode;
 if (keyCode == 46 || keyCode == 8) {
 }
 else {
 var len = $(this).data("maxlength") || 0;
 if (len > 0) {
 if (this.value.length > len) {
  this.value = com.cutStr(this.value, len, "");
 }
 }
 }
 });
});

更多关于jQuery实现限制文本框的输入长度请关注PHP中文网(m.sbmmt.com)其他文章!

发布手记

热门词条