zoukankan      html  css  js  c++  java
  • 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, "");
     }
     }
     }
     });
    });
  • 相关阅读:
    前端开发流程
    前端组件化开发方向
    模板引擎
    css模块化
    js组件化、模块化开发
    前端开发流程
    模块化开发
    XSS攻击
    react组件化开发发布到npm
    js过滤字符串中的html标签
  • 原文地址:https://www.cnblogs.com/sjqq/p/6481202.html
Copyright © 2011-2022 走看看