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调用flash的效果代码
Apr 26 Javascript
jquery验证表单中的单选与多选实例
Aug 18 Javascript
jQuery回车实现登录简单实现
Aug 20 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
Js与下拉列表处理问题解决
Feb 13 Javascript
JavaScript控制table某列不显示的方法
Mar 16 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
angular.js 路由及页面传参示例
Feb 24 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 17 Javascript
JavaScript中arguments的使用方法详解
Dec 20 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
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高效率写法(详解原因)
2013/06/20 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
图片自动更新(说明)
2006/10/02 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
2016/08/16 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
python实现扫描ip地址的小程序
2019/04/16 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
python实现切割url得到域名、协议、主机名等各个字段的例子
2019/07/25 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
如何基于python操作excel并获取内容
2019/12/24 Python
python数字类型math库原理解析
2020/03/02 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
DNA基因检测和分析:23andMe
2019/05/01 全球购物
简单租房协议书
2014/10/21 职场文书
普通员工辞职信范文
2015/05/12 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
golang switch语句的灵活写法介绍
2021/05/06 Golang
Python词云的正确实现方法实例
2021/05/08 Python