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

最新推荐文章于 2021-01-30 05:37:25 发布

weixin_30451709

最新推荐文章于 2021-01-30 05:37:25 发布

阅读量221

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sjqq/p/6481202.html

版权

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,  
  "" 
  ); 
 
  } 
 
  } 
 
  } 
 
  }); 
 
  });