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 相关文章推荐
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
Node.js Express安装与使用教程
May 11 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
Jul 18 Javascript
vue中v-model对select的绑定操作
Aug 31 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 Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
JS删除数组元素的函数介绍
2013/03/27 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
jquery基础教程之数组使用详解
2014/03/10 Javascript
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
JavaScript中关于iframe滚动条的去除和保留
2016/11/17 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
[02:38]DOTA2 夜魇暗潮2020活动介绍官方视频
2020/11/04 DOTA
Python遍历指定文件及文件夹的方法
2015/05/09 Python
在Mac OS上搭建Python的开发环境
2015/12/24 Python
Python 的内置字符串方法小结
2016/03/15 Python
Python中property属性实例解析
2018/02/10 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
Python图片的横坐标汉字实例
2019/12/04 Python
python如何输出反斜杠
2020/06/18 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
普通PHP程序员笔试题
2016/01/01 面试题
毕业生就业自荐信
2013/12/04 职场文书
公务员职业生涯规划书范文  
2014/01/19 职场文书
一名老师的自我评价
2014/02/07 职场文书
部门年终奖分配方案
2014/05/07 职场文书
负责人任命书范本
2014/06/04 职场文书
学习十八大的心得体会
2014/09/01 职场文书
贫困证明怎么写
2015/06/16 职场文书
安全生产感想
2015/08/07 职场文书