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


相关推荐: 详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)  C语言设计一个闪闪的圣诞树  如何在阿里云部署织梦网站?  Android 常见的图片加载框架详细介绍  网站图片在线制作软件,怎么在图片上做链接?  Laravel怎么调用外部API_Laravel Http Client客户端使用  怎样使用JSON进行数据交换_它有什么限制  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  如何快速重置建站主机并恢复默认配置?  js代码实现下拉菜单【推荐】  EditPlus中的正则表达式实战(6)  Laravel如何使用Passport实现OAuth2?(完整配置步骤)  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  如何快速搭建高效简练网站?  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  使用豆包 AI 辅助进行简单网页 HTML 结构设计  如何用花生壳三步快速搭建专属网站?  如何快速打造个性化非模板自助建站?  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  Laravel如何处理跨站请求伪造(CSRF)保护_Laravel表单安全机制与令牌校验  如何批量查询域名的建站时间记录?  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  网站制作价目表怎么做,珍爱网婚介费用多少?  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  个人网站制作流程图片大全,个人网站如何注销?  详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)  Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南  如何在IIS中新建站点并配置端口与IP地址?  打造顶配客厅影院,这份100寸电视推荐名单请查收  JavaScript Ajax实现异步通信  Laravel怎么上传文件_Laravel图片上传及存储配置  Swift中循环语句中的转移语句 break 和 continue  Laravel怎么实现前端Toast弹窗提示_Laravel Session闪存数据Flash传递给前端【方法】  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  EditPlus中的正则表达式 实战(2)  网站制作软件免费下载安装,有哪些免费下载的软件网站?  三星网站视频制作教程下载,三星w23网页如何全屏?  JavaScript如何实现继承_有哪些常用方法  IOS倒计时设置UIButton标题title的抖动问题  如何在IIS中新建站点并配置端口与物理路径?  Laravel模型事件有哪些_Laravel Model Event生命周期详解  如何在云主机上快速搭建网站?  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  大连 网站制作,大连天途有线官网?  Java类加载基本过程详细介绍  如何彻底删除建站之星生成的Banner?