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-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
高亮显示web页表格行的javascript代码
Nov 19 Javascript
自制基于jQuery的智能提示插件一枚
Feb 18 Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
如何在 Vue 表单中处理图片
Jan 26 Vue.js
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 提速工具eAccelerator 配置参数详解
2010/05/16 PHP
php set_include_path函数设置 include_path 配置选项
2016/10/30 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
JS操作XML中DTD介绍及使用方法分析
2019/07/04 PHP
Javascript - HTML的request类
2006/07/15 Javascript
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
jquery获取input的value问题说明
2010/08/19 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
AngularJS执行流程详解
2017/02/17 Javascript
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
原生JavaScript实现拖动校验功能
2020/09/29 Javascript
Python中的模块和包概念介绍
2015/04/13 Python
Python内存读写操作示例
2018/07/18 Python
详解Django CAS 解决方案
2019/10/30 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
python进行参数传递的方法
2020/05/12 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
python requests库的使用
2021/01/06 Python
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
西班牙高科技产品购物网站:MejorDeseo
2019/09/08 全球购物
艾滋病宣传活动总结
2014/05/08 职场文书
廉政教育的心得体会
2014/09/01 职场文书
军事博物馆观后感
2015/06/05 职场文书
追悼会悼词大全
2015/06/23 职场文书
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
pandas中pd.groupby()的用法详解
2022/06/16 Python