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


Posted in Javascript onJanuary 11, 2017

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
基于jquery的修改当前TAB显示标题的代码
Dec 11 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
jQuery 插件封装的方法
Nov 16 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
微信小程序 setData使用方法及常用错误解决办法
May 11 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 #Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 #Javascript
Angularjs中使用layDate日期控件示例
Jan 11 #Javascript
web打印小结
Jan 11 #Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 #Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 #Javascript
AngularJS中的缓存使用
Jan 11 #Javascript
You might like
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
PHP处理postfix邮件内容的方法
2015/06/16 PHP
PHP类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
js用图作提交按钮或超连接
2008/03/26 Javascript
js函数定时器实现定时读取系统实时连接数
2014/04/30 Javascript
javascript折半查找详解
2015/01/26 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
vant中的toast轻提示实现代码
2020/11/04 Javascript
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
python批量替换页眉页脚实例代码
2018/01/22 Python
Django中的ajax请求
2018/10/19 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
python matplotlib实现双Y轴的实例
2019/02/12 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
Pytest如何使用skip跳过执行测试
2020/08/13 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
python regex库实例用法总结
2021/01/03 Python
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
linux面试题参考答案(9)
2015/01/07 面试题
离婚协议书范本
2015/01/26 职场文书
湘江北去观后感
2015/06/15 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB