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宝典学习笔记
Feb 07 Javascript
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
一不小心就做错的JS闭包面试题
Nov 25 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
JavaScript undefined及null区别实例解析
Jul 21 Javascript
js面试题之异步问题的深入理解
Sep 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和ACCESS写聊天室(八)
2006/10/09 PHP
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
php上传文件问题汇总
2015/01/30 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
vue的传参方式汇总和router使用技巧
2018/05/22 Javascript
优雅地使用loading(推荐)
2019/04/20 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
在matplotlib的图中设置中文标签的方法
2018/12/13 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
关于python scrapy中添加cookie踩坑记录
2020/11/17 Python
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
二年级评语大全
2014/04/23 职场文书
学雷锋月活动总结
2014/04/25 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
python字符串常规操作大全
2021/05/02 Python
Mysql效率优化定位较低sql的两种方式
2021/05/26 MySQL
MySQL中日期型单行函数代码详解
2021/06/21 MySQL
mysql查看表结构的三种方法总结
2022/07/07 MySQL