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 相关文章推荐
javascript window对象属性整理
Oct 24 Javascript
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
javascript制作照片墙及制作过程中出现的问题
Apr 04 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
Angular2自定义分页组件
Apr 19 Javascript
JS实现的抛物线运动效果示例
Jan 30 Javascript
JS setTimeout与setInterval的区别
Apr 20 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 获取页面中指定内容的实现类
2014/01/23 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
JQuery遍历元素的父辈和祖先的方法
2016/09/18 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
JS中的多态实例详解
2017/10/15 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
python中解析json格式文件的方法示例
2017/05/03 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
代码详解django中数据库设置
2019/01/28 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
django admin组件使用方法详解
2019/07/19 Python
python实现飞机大战项目
2020/03/11 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
求职简历自荐信范文
2013/10/21 职场文书
银行开业庆典方案
2014/02/06 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
2015年资料员工作总结
2015/04/25 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
英语导游欢迎词
2015/09/30 职场文书
2016优秀教师先进个人事迹材料
2016/02/25 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers
Python如何使用循环结构和分支结构
2022/04/13 Python