jquery 实现input只输入数字及控制输入字数
2018-02-27 17:26
519 查看
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 />直接如此即可。
相关文章推荐
- input标签只能输入数字JQuery控制
- jquery控制input只能输入数字和两位小数
- js实现input中输入数字,控制每四位加一个空格(银行卡号格式)
- jquery控制input只能输入数字和两位小数
- jquery控制input只能输入数字和两位小数
- jquery控制input只能输入数字和两位小数(转)
- jquery 实现input输入什么div图层显示什么
- 史上最全的js/jquery/javascript控制input输入框输入格式的代码
- js控制input文本框只能输入数字
- Jquery实现仿新浪微博获取文本框能输入的字数代码
- jquery实现input输入框输入值自动智能提示的实现
- js jquery 限制input输入框只能输入两位小数的数字
- javascript控制input只允许输入数字
- JQuery:在input中只能输入数字,并且不能复制粘贴,不能切换输入法
- jQuery 高级表单之 ---- jQuery实现简单限制文本输入框的输入字数
- js实现input输入框只能输入数字的功能
- Jquery控制只能输入数字
- 用Jquery控制文本框只能输入数字和字母
- javascript正则表达式控制input只能输入数字
- input的onchange事件 及只能输入数字实现