页面input值的限制

分值input 框 数字最高限制

首先样式图
在这里插入图片描述
要制作类似的分数输入器,并有数字矫正,输入非整数报警

2.Html代码

<input type='number' style='width: 60px;' min='1' max='10' 
id='score' onchange='numberChange(this,1,10);'/> 

3.JS代码

/* 只允许输入正整数 */
	function numberChange(e,min,max){
		var num = $(e).val();
		num = num.replace(/\D/g,'');
		if(num<min) num=min;
		else if(num>max) num=max;
		$(e).val(num);
	}

搞定 ,试试吧。

猜你喜欢

转载自blog.csdn.net/qq_41035779/article/details/85275133