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写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
游览器中javascript的执行过程(图文)
May 20 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
改变状态栏文字的js代码
Jun 13 Javascript
JavaScript函数定义的常见注意事项小结
Sep 16 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
Apr 01 Javascript
jQuery实现图片轮播效果代码
Sep 27 Javascript
全面解析vue中的数据双向绑定
May 10 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
layui实现三级导航菜单
Jul 26 Javascript
详解Vue 单文件组件的三种写法
Feb 19 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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
js 获取经纬度的实现方法
2016/06/20 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
python多重继承实例
2014/10/11 Python
Python实现分割文件及合并文件的方法
2015/07/10 Python
python开发之基于thread线程搜索本地文件的方法
2015/11/11 Python
使用python实现接口的方法
2017/07/07 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
企业办公室主任岗位职责
2014/02/19 职场文书
讲座主持词
2014/03/20 职场文书
运动会报道稿300字
2014/10/02 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
2014年新教师工作总结
2014/11/08 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
Golang全局变量加锁的问题解决
2021/05/08 Golang
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL