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 相关文章推荐
javascript实现原生ajax的几种方法介绍
Sep 21 Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
JS中Location使用详解
May 12 Javascript
javascript事件冒泡实例分析
May 13 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
JavaScript实现256色转灰度图
Feb 22 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
Aug 20 Javascript
一步步教你利用Docker设置Node.js
Nov 20 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
js实现弹窗猜数字游戏
Nov 26 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
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
PHP+MySQL高并发加锁事务处理问题解决方法
2018/04/30 PHP
php往mysql中批量插入数据实例教程
2018/12/12 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
基于JavaScript 类的使用详解
2013/05/07 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
jQuery解析json格式数据示例
2018/09/01 jQuery
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
2020/08/13 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
2020/09/24 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
python执行get提交的方法
2015/04/29 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
Python中文件的读取和写入操作
2018/04/27 Python
Numpy之文件存取的示例代码
2018/08/03 Python
Python学习笔记之自定义函数用法详解
2019/06/08 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
python中使用np.delete()的实例方法
2021/02/01 Python
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
本科毕业生专业自荐书范文
2014/02/05 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python