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 相关文章推荐
asp.net+js 实现无刷新上传解析csv文件的代码
May 17 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
Jul 26 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
Vue混入mixins滚动触底的方法
Nov 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
BBS(php &amp; mysql)完整版(八)
2006/10/09 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
2010/03/12 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
jQuery实现锚点scoll效果实例分析
2015/03/10 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
vue实现登陆登出的实现示例
2017/09/15 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
Python的净值数据接口调用示例分享
2016/03/15 Python
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
Python实现Dijkstra算法
2018/10/17 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
Python多线程及其基本使用方法实例分析
2019/10/29 Python
Django 构建模板form表单的两种方法
2020/06/14 Python
使用HTML5进行SVG矢量图形绘制的入门教程
2016/02/19 HTML / CSS
HTML5 画布canvas使用方法
2016/03/18 HTML / CSS
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
演讲主持词
2014/03/18 职场文书
企业法人授权委托书
2014/04/03 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
教师个人事迹材料
2014/12/17 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
2015双创工作总结
2015/07/24 职场文书
2019财务转正述职报告
2019/06/27 职场文书