html+javaScript只能输入0-100正整数

Posted 陈才人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html+javaScript只能输入0-100正整数相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	  <head>
		<script>
			//当单击文本框中时选中所有文本
			function selectText(selectAll) 
				selectAll.select();//选中框中的所有文本;
			
            只能输入0-100
            function numberTesting(id,value) 
				if(id.name=="Opacity")
					var reg =/^0+(?=\\d)|\\D|^[2-9]0(?=[0-9])|^[1-9]+?(?=[1-9][0-9])|^10(?=[1-9])/;//只能输入0-100
          		    value=value.replace(reg,'');
          		    console.log("1:"+value); 
					id.value=value;
				
            
		</script>
	  </head>

	  <body style="background-color: #a2a1a3;" >
		  <form>
                <input type="text" id="OpacityID" name="Opacity" class="textSize"  value='100' onclick="selectText(this)"  maxlength="3"  onkeyup="numberTesting(this,this.value)">
          </form>

	  </body>
</html>

 

以上是关于html+javaScript只能输入0-100正整数的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 常用正则表达式

HTML+JavaScript实现input框输入控制多种输入控制

html或者php中 input框限制只能输入正整数,逻辑与和或运算

javascript正则处理控件输入数字

如何用onkeyup来控制一个input只能输入大于0的正整数

jquery 如何限制 input框 只能输入正整数