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

发布时间 - 2026-01-10 22:27:44    点击率:

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限制文本框输入长度  # jquery限制输入长度  # jQuery使用正则表达式限制文本框只能输入数字  # jQuery计算文本框字数及限制文本框字数的方法  # jQuery实现限制textarea文本框输入字符数量的方法  # 3种Jquery限制文本框只能输入数字字母的方法  # jquery教程限制文本框只能输入数字和小数点示例分享  # ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Cou  # 文本框的字数限制功能jquery插件  # 文本框  # valid  # txt  # keypress  # len  # true  # return  # keyCode  # class  # pre  # jQuery  # brush  # document  # function  # js  # var  # keyup  # Text  # getData  # input 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Android使用GridView实现日历的简单功能  如何在Tomcat中配置并部署网站项目?  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  PythonWeb开发入门教程_Flask快速构建Web应用  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Laravel用户密码怎么加密_Laravel Hash门面使用教程  logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  java ZXing生成二维码及条码实例分享  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  HTML 中动态设置元素 name 属性的正确语法详解  如何在万网主机上快速搭建网站?  如何在万网自助建站中设置域名及备案?  装修招标网站设计制作流程,装修招标流程?  nginx修改上传文件大小限制的方法  高性能网站服务器部署指南:稳定运行与安全配置优化方案  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  如何快速搭建自助建站会员专属系统?  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  如何快速上传建站程序避免常见错误?  手机软键盘弹出时影响布局的解决方法  Laravel如何自定义分页视图?(Pagination示例)  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  如何登录建站主机?访问步骤全解析  PHP 500报错的快速解决方法  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  简单实现Android验证码  如何在宝塔面板中修改默认建站目录?  专业商城网站制作公司有哪些,pi商城官网是哪个?  音响网站制作视频教程,隆霸音响官方网站?  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  Bootstrap整体框架之JavaScript插件架构  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  实现点击下箭头变上箭头来回切换的两种方法【推荐】  网站建设要注意的标准 促进网站用户好感度!  如何快速完成中国万网建站详细流程?  如何在阿里云服务器自主搭建网站?  Laravel怎么实现前端Toast弹窗提示_Laravel Session闪存数据Flash传递给前端【方法】  JavaScript常见的五种数组去重的方式  Laravel如何使用.env文件管理环境变量?(最佳实践)  Linux安全能力提升路径_长期防护思维说明【指导】  怎么用AI帮你为初创公司进行市场定位分析?  如何快速生成ASP一键建站模板并优化安全性?  Laravel安装步骤详细教程_Laravel环境搭建指南  Laravel如何实现事件和监听器?(Event & Listener实战)  悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】