• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jQuery实现限制文本框的输入长度

jQuery实现限制文本框的输入长度

作者:Hi.wz 字体:[增加 减小] 来源:互联网 时间:2017-05-11

Hi.wz通过本文主要向大家介绍了jquery获取文本框的值,jquery给文本框赋值,jquery清空文本框,jquery获取文本框内容,jquery设置文本框只读等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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, "");
 }
 }
 }
 });
});
</div>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery实现限制文本框的输入长度

相关文章

  • 2017-05-11javascript实现日期三级联动下拉框选择菜单
  • 2017-05-11vue.js实现请求数据的方法示例
  • 2017-05-11获取今天,昨天,本周,上周,本月,上月时间(实例分享)
  • 2017-05-11js+css3实现旋转效果
  • 2017-05-11jQuery实现页面滚动时智能浮动定位
  • 2017-05-11微信小程序 欢迎页面的制作(源码下载)
  • 2017-05-11微信小程序 input输入框详解及简单实例
  • 2017-05-11详解js前端代码异常监控
  • 2017-05-11微信小程序 使用腾讯地图SDK详解及实现步骤
  • 2017-05-11nodejs搭建本地服务器并访问文件的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • js 数字、字符串、布尔值的转换方法(必看)
    • JavaScript校验Number(4,1)格式的数字实例代码
    • bootstrap weebox 支持ajax的模态弹出框
    • JS正则表达式验证密码格式的集中情况总结
    • JS和canvas实现俄罗斯方块
    • 基于vue2.0+vuex的日期选择组件功能实现
    • 详解数组Array.sort()排序的方法
    • JS实现css hover操作的方法示例
    • JS实现继承的几种方式
    • JavaScript中的编码和解码函数

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有