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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
Jquery实现顶部弹出框特效
Aug 08 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 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连接数据库代码应用分析
2011/05/29 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
来自qq的javascript面试题
2010/07/24 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
javascript使用正则获取url上的某个参数
2014/09/04 Javascript
jQuery链使用指南
2015/01/20 Javascript
jQuery内容过滤选择器用法分析
2015/02/10 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
Vue2几种常见开局方式详解
2017/09/09 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
python实现求最长回文子串长度
2018/01/22 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
2014自荐信的写作技巧
2014/01/28 职场文书
施工员岗位职责
2014/03/16 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
会议新闻稿
2015/07/17 职场文书
教师学习心得体会范文
2016/01/21 职场文书
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js
python游戏开发Pygame框架
2022/04/22 Python