脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery限制文本框的输入长度

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

 更新时间：2017年01月11日 15:14:27   作者：Hi.wz  
本文分享了jQuery实现限制文本框的输入长度的示例代码，具有一定的参考价值，下面跟着小编一起来看下吧

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

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

您可能感兴趣的文章:

相关文章

  • jquery 全局AJAX事件使用代码

    jquery 全局AJAX事件使用代码

    jquery 全局AJAX事件使用代码，需要的朋友可以参考下。
    2010-11-11
  • 关于jQuery新的事件绑定机制on()的使用技巧

    关于jQuery新的事件绑定机制on()的使用技巧

    本篇文章介绍了，关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下
    2013-04-04
  • 使用jQuery避免鼠标双击的解决方案

    使用jQuery避免鼠标双击的解决方案

    用户双击DOM对象（例如按钮和链接等）时，对于用户交互一直是个麻烦的问题，如果你的元素点击事件不止触发一次，可以参考以下的解决方案
    2013-08-08
  • Jquery中的$.each获取各种返回类型数据的使用方法

    Jquery中的$.each获取各种返回类型数据的使用方法

    each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等，在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
    2015-05-05
  • jQuery快速高效制作网页交互特效

    jQuery快速高效制作网页交互特效

    本文主要介绍了使用jQuery快速高效制作网页交互特效的方法，具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • 修改jquery.lazyload.js实现页面延迟载入

    修改jquery.lazyload.js实现页面延迟载入

    jquery.lazyload.js并未真正的实现页面延迟载入，它的实现原理是页面载入完毕后将html中所有img标签的src属性都替换为空，把src的初始值存储到一个自定义的属性中，当页面滚动到img标签位置时再将图片载入进来。
    2010-12-12
  • JQuery触发radio或checkbox的change事件

    JQuery触发radio或checkbox的change事件

    在JQuery中，当给radio或checkbox添加一个change事件时，如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下
    2012-12-12
  • jQuery简易图片放大特效示例代码

    jQuery简易图片放大特效示例代码

    这篇文章主要介绍了通过jQuery实现的简易图片放大特效,需要的朋友可以参考下
    2014-06-06
  • JQuery基础语法小结

    JQuery基础语法小结

    在日常开发中JQuery是我们使用最频繁的JS库。使用JQuery进行开发，你需要先了解JQuery的基本语法。下面是在学习JQuery时总结的一些简单语法。
    2015-02-02
  • 使用jQuery validate 验证注册表单实例演示

    使用jQuery validate 验证注册表单实例演示

    Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，接下来为大家详细介绍下使用方法，感兴趣的各位可以参考下哈
    2013-03-03

最新评论