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 相关文章推荐
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
node.js中的fs.chown方法使用说明
Dec 16 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
几行js代码实现自适应
Feb 24 Javascript
vue自动化表单实例分析
May 06 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 Javascript
浅谈react useEffect闭包的坑
Jun 08 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
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
php 按指定元素值去除数组元素的实现方法
2011/11/04 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
HTML上传控件取消选择
2013/03/06 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
获取python文件扩展名和文件名方法
2018/02/02 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
python实现将文件夹下面的不是以py文件结尾的文件都过滤掉的方法
2018/10/21 Python
python3.x实现base64加密和解密
2019/03/28 Python
pybind11在Windows下的使用教程
2019/07/04 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
美国花布包包品牌:Vera Bradley
2017/08/11 全球购物
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
大学生如何写自荐信
2014/01/08 职场文书
军训教官感言
2014/03/02 职场文书
自我鉴定总结
2014/03/24 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
个人工作违纪检讨书
2015/05/05 职场文书
电力工程合作意向书
2015/05/11 职场文书
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python
python+opencv实现目标跟踪过程
2022/06/21 Python