jquery 实现input只输入数字及控制输入字数

原创 2018年02月27日 17:26:47
id:<input  type="text" name="id" id="id" >
<span style="display:none;border:0" id="t1" >请输入数字</span>
<script type="text/javascript">
$("#id").keyup(function(){
    	var c=$(this);
    	if(/[^\d]/.test(c.val())){
    		var temp=c.val().replace(/[^\d]/g,'');
    		$(this).val(temp);
    		$("#t1").css({'display':'block'});
    	}else{
    		$("#t1").css({'display':'none'});
    	}
</script>

这样就实现了输入框里只能输入数字,当输入的不是数字时就会提示 “输入数字”并清空输入框里的内容。

控制输入长度也类似

用户名:<input type="text" name="username" id="username" >
<span style="display:none;border:0;float:right;margin-right:50px" id="t2" >用户名长度为3-6位</span>
$("#username").blur(function(){
    	
    		var d=$(this);
    		if(d.val().length<3||d.val().length>6){
    			
    		 $(this).val('');
    		
    		 $("#t2").css({'display':'block'});
        	}else{
        		$("#t2").css({'display':'none'});
    		}
    	})

.blur事件是失去焦点事件,当输入框失去焦点即光标移出输入框就会执行此函数

.val()是jq获取元素的值的函数

如果不用jq,实现input只输入数字方法如下:

id:<input type="text" name="id" id="id" onkeyup="value=value.replace(/[^\d]/g, '')"/><br />
直接如此即可。


       

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30938705/article/details/79390984

杀死一个正在运行的程序

procedure KillProgram(Classname : string; WindowTitle : string); const   PROCESS_TERMINATE = $0001; ...
  • laoli
  • laoli
  • 2001-10-05 14:05:00
  • 896

Jquery控制只能输入数字的常见方法

Jquery控制只能输入数字的常见方法
  • paincupid
  • paincupid
  • 2015-12-10 15:43:24
  • 15355

使用jquery对输入框内容设置自动校验,只允许数字的输入

目的:对input输入框的内容进行校验 js的方法: keyup 对键盘的进行监控的事件 正则表达式:/[^\d]/g 原理:就是在输入框添加一个 触发事件,对输入框的内容进行判断 过程遇到问题:js...
  • yuanyuan214365
  • yuanyuan214365
  • 2017-03-21 15:57:54
  • 10502

jquery限制文本框只能输入数字的方法,适用多种浏览器

能限制住中文符号以及粘贴,删除、箭头等无限制
  • a277632346
  • a277632346
  • 2016-11-11 15:25:11
  • 632

Jquery控制文本框只能输入数字或字母

针对"只能输入数字"、"只能输入字母"和"只能输入数字和字母"的三种输入限制,封装成onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法,方便复用,由于里面...
  • chenbinqq
  • chenbinqq
  • 2016-01-13 16:14:03
  • 1426

jquery 限制文本框只能输入数字

jquery 限制文本框只能输入数字 转自:http://jonsion.iteye.com/blog/558277 $("input[name='fangwenyudinhui...
  • suntanyong88
  • suntanyong88
  • 2014-08-19 15:51:13
  • 15152

jquery只能输入数字的文本框插件

  • 2008年04月05日 21:37
  • 1KB
  • 下载

用jq使得输入框input只能输入数字

1.只能输入数字
  • wangxinghui8
  • wangxinghui8
  • 2014-06-18 19:13:48
  • 720

限制文本框中只能输入数字(非使用jq插件)

在input标签中加入 onKeyPress=”if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;”...
  • qq_16055765
  • qq_16055765
  • 2016-10-28 17:23:43
  • 368

jquery 文本框只能输入数字 兼容IE、火狐

网页文本框只能输入数字的js
  • hanjingjingpan
  • hanjingjingpan
  • 2011-01-11 12:05:00
  • 1081
收藏助手
不良信息举报
您举报文章:jquery 实现input只输入数字及控制输入字数
举报原因:
原因补充:

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