jQuery和D3两种版本输入框长度控制

原创 2015年11月19日 19:30:50

这个是群里的太阳神贡献。

首先将代码复制后自己添加jquery和d3的库。

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<input type="text" class="c-limit" c-text-limit="13" />
<input type="text" class="c-limit" c-text-limit="3" />
<input type="text" class="c-limit" c-text-limit="5" />



<script src="d3js/d3.v3.js"></script>
<script src="jquery/jquery.js"></script>
<script>
     $("input.c-limit").on("keydown",function(d){
          if(this.value.length>(+$(this).attr("c-text-limit"))){
               $(this).value=$(this).attr("c-text-old");
          }else{
               $(this).attr("c-text-old",this.value);
          }
     }).on("keyup",function(d){
          if(this.value.length>(+$(this).attr("c-text-limit"))){
               this.value=$(this).attr("c-text-old");
          }
     })
/*
     d3.selectAll("input.c-limit").each(function(){
          d3.select(this).datum({}).on("keydown",function(d){
               if(d3.select(this).node().value.length>(+d3.select(this).attr("c-text-limit"))){
                    d3.select(this).node().value=d.text;
               }else{
                    d.text=d3.select(this).node().value;
               }
          }).on("keyup",function(d){
               if(d3.select(this).node().value.length>(+d3.select(this).attr("c-text-limit"))){
                    d3.select(this).node().value=d.text;
               }
          });

     })*/
</script>
</body>

相关文章推荐

菜鸟的jquery学习笔记,jquery输入框添加默认值,jquery提交表单,jquery获取字符串长度,并截取字符串

1,jquery输入框添加默认值 因为要保持页面中查询的条件不变,所以将条件提交到action后再封装到对应的bean中,然后再传回到查询页面,用jquery给表单填值。其中bean的值通过el表达...
  • fengspg
  • fengspg
  • 2012年05月01日 20:52
  • 7223

常用的js判断(手机号码固定电话/输入框的长度/链接/特殊字符)

转载地址来源: http://wuyawei4062.blog.163.com/blog/static/45412336201081991720471/     1.我们新开页面如何返回到主页面...

cocos2d-x带触摸控制与光标输入框

1、为什么写这篇博文       这是我在CSDN上面写得第一篇博客呢,至于我为什么写这一篇博客呢?或许很大一部分是因为感觉很新鲜吧,当然其他的原因也有啊,比如,这样的话自己写得东西当误删或者什么的弄...

输入框禁止输入特殊字符串,限制输入文字长度

在开发中经常会遇到一些输入框禁止用户输入特殊字符的情况。最近总结了一下。 方法一:如果只是限制少量特殊字符的话可以用以下方法进行判断是否包含textField.text rangeOfString:...

cocos2d-x带光标的输入框

  • 2012年05月16日 14:50
  • 1.1MB
  • 下载

cocos2d-x输入框

  • 2013年12月13日 10:27
  • 192KB
  • 下载

Jquery动态添加输入框

项目分离出来的动态添加输入框 地址 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery和D3两种版本输入框长度控制
举报原因:
原因补充:

(最多只允许输入30个字)