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 相关文章推荐
用js重建星际争霸
Dec 22 Javascript
JQuery 遮罩层实现(mask)实现代码
Jan 09 Javascript
jquery设置控件位置的方法
Aug 21 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
Jun 30 Javascript
jQuery中:radio选择器用法实例
Jan 03 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 Javascript
javascript对HTML字符转义与反转义
Dec 13 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
vue实现列表拖拽排序的示例代码
Apr 08 Vue.js
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
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
文字幻灯片
2006/06/26 Javascript
js登录弹出层特效
2014/03/07 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
对python requests的content和text方法的区别详解
2018/10/11 Python
Python写出新冠状病毒确诊人数地图的方法
2020/02/12 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
python 引用传递和值传递详解(实参,形参)
2020/06/05 Python
HTML5进度条特效
2014/12/18 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
抄作业检讨书
2014/02/17 职场文书
2014年法院工作总结
2014/11/24 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
小学生安全教育心得体会
2016/01/15 职场文书
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python
Centos系统通过Docker安装并搭建MongoDB数据库
2022/04/12 MongoDB
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers