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>

使用bootstrap和jQuery制作下拉输入框

总体思路: 1. 使用html的datalist标签,实现模糊查询功能。 2. 但datalist的下拉列表没有找到滚动修改的方法,故自己制作一个下拉列表,使用bootstrap的下拉菜单组件 ....
  • Dorothy1224
  • Dorothy1224
  • 2016年12月21日 14:22
  • 446

js 限制输入框的字节数,中文两个字节,英文字母一个字节

也许在网上有很多类似的文章,但是这里大家应该知道,js里面,中文和字母的长度都是1,但是数据库不知道呀,数据库很多都是按照字节来的,所以,控制输入框的字节数看来比长度限制更为重要。 提出问题: 1、限...
  • wzgdjm
  • wzgdjm
  • 2016年03月14日 17:03
  • 1866

jQuery实现输入框获取焦点和失去焦点

登陆界面用户名密码区获取焦点,失去焦点 在用户登陆的界面中,一般都需要用户名和密码才能登陆,这时为了增强用户体验,最好能在当前输入框没有获取焦点时,提示输入信息,获取焦点之后,提示信息消...
  • xiaobing_hope
  • xiaobing_hope
  • 2015年07月02日 21:52
  • 5468

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

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

IP输入框-基于Jquery

简单写了一下基于jquery的IP输入框,里面包括输入ip过程中 基本事件的处理,例如对键盘的监听,自动跳下一个输入框,对输入值得检测等...
  • jaky0306
  • jaky0306
  • 2017年11月15日 17:23
  • 75

为什么说前端工程师也要关注代码版本控制呢

那么,为什么说前端工程师也要关注代码版本控制呢?因为web开发和软件开发本质无异,同样具有迭代周期,需求不是一揽子提完、一口气开发完的,是有步骤的开发,因此,每次上线开发哪些功能、为后续扩展功能留足哪...
  • wsnbjj
  • wsnbjj
  • 2014年09月22日 08:48
  • 1140

关于D3.js 力导向图V3和V4节点固定

记录一点碰到的问题和解决方案。感觉国内关于D3.js 4.0版本的相关资料还是少。 力导向图布局 D3一种布局的方式,可以将你nodes links的节点数据转换成可以绘制的坐标点数据,然后通过s...
  • zoubf
  • zoubf
  • 2016年12月02日 17:26
  • 4177

【HTML5入门】HTML/Jquery中限制textarea大小及输入字符长度

限制textarea输入字符长度(转自milantgh文章)         textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text...
  • songjunnan
  • songjunnan
  • 2017年06月26日 17:08
  • 1110

用JQuery代码实现文本框强制验证功能

利用JQuery的全局状态参数实现字段强制验证的功能。
  • frgod
  • frgod
  • 2016年11月02日 17:27
  • 1883

d3利用弦生成器画折线图

代码如下: Document .axis path,.axis line{ fill:none; str...
  • zhaoxiang66
  • zhaoxiang66
  • 2017年06月19日 11:35
  • 346
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery和D3两种版本输入框长度控制
举报原因:
原因补充:

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