text输入的值不能超过某个范围；text中的值进行灰显-优快云博客

本文介绍了一种使用JavaScript实现的方法，该方法可以确保输入框内的数值位于预设的最大值和最小值之间，并且展示了如何通过改变CSS类来切换输入框的文字颜色及默认提示文字的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//只允许输入值范围在min--max之间的数字

function number($obj,min,max){
    $obj.bind("keyup",function(){
        $obj.val($obj.val().replace(/\D/g,''));
        $obj.val(resetValue($obj.val(),min,max));
        $obj.attr("title",resetValue($obj.val(),min,max));
    });
    $obj.bind("paste", function() {
        $obj.val($obj.val().replace(/\D/g,''));
        $obj.val(resetValue($obj.val(),min,max));
        $obj.attr("title",resetValue($obj.val(),min,max));
    });
    $obj.bind("dragenter", function() {
        $obj.val($obj.val().replace(/\D/g,''));
        $obj.val(resetValue($obj.val(),min,max));
        $obj.attr("title",resetValue($obj.val(),min,max));
    });
   
}
function resetValue(cur,min,max){
	if(cur!=""){
		if(cur<min){
			return min;
		}else if(cur>max){
			return max;
		}else{
			return cur;
		}
	}else{
		return "";
	}
}

//text中原来有灰显的提示，鼠标移上去掉字，移除之后如果为空，则再次显示灰显的提示

<style>
.font1{
    color:#aaaaaa;
}
.font2{
    color:black;
}
</style>

var simpleDayDefault = "";
function focusAction(obj){
    simpleDayDefault = obj.defaultValue;
    if(obj.value==obj.defaultValue){
        obj.value='';
        obj.className='font2';
    }
}

function bluerAction(obj){
    if(obj.value==""){
        obj.value=simpleDayDefault;
        obj.className='font1';
    }
    simpleDayDefault="";
}