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在光标位置插入内容的实现代码
Jun 18 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
javascript中的取反再取反~~没有意义
Apr 06 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
JS库之Highlight.js的用法详解
Sep 13 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
详解VUE里子组件如何获取父组件动态变化的值
Dec 26 Javascript
react MPA 多页配置详解
Oct 18 Javascript
基于JavaScript实现省市联动效果
Jun 22 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实现邮件群发的源码
2013/06/18 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
javascript 动态设置已知select的option的value值的代码
2009/12/16 Javascript
JS 添加千分位与去掉千分位的示例
2013/07/11 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
AngularJS 入门教程之事件处理器详解
2016/08/19 Javascript
详解nodeJs文件系统(fs)与流(stream)
2018/01/24 NodeJs
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
AngularJS 监听变量变化的实现方法
2018/10/09 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
python Django连接MySQL数据库做增删改查
2013/11/07 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
python实现ping命令小程序
2020/12/28 Python
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
财经学院自荐信范文
2014/02/02 职场文书
公司投资建议书
2014/05/16 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
元旦晚会活动总结
2014/07/09 职场文书
合作协议书范本
2014/10/25 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
工作态度不好检讨书
2015/05/06 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
综治目标管理责任书
2015/05/11 职场文书
婚育证明格式
2015/06/17 职场文书