如何限制input输入框联动数值的最大数值？

[qq_31673157]

有4个输入框分别为：A1,Y1,Y2,Y3
根据A1输入的数值分别限制Y1,Y2,Y3的最大输入数值（不是字符长度）。
公式为：
Y1的最大输入数值 = A1乘以500减去Y2减去Y3
Y2的最大输入数值 = A1乘以500减去Y1减去Y3
Y3的最大输入数值 = A1乘以500减去Y1减去Y2

例如：
A1=2
y2=3
y3=4
Y1输入框里最大只能输入的数值 : 2*500-3-4=993

[浪子回头8]

提交后比较一下，给出相应提示

[jio可]

Y1,Y2,Y3随便一个值变化都会影响最大值的范围，只能是在所有值都输入以后再做判断提示那些值不符合了

[天际的海浪]

<form method="post" id="form1" >
	A1 <input type="text" name="a1" value="" /><br>
	Y1 <input type="text" name="y1" oninput="fg(this)" value="" /><br>
	Y2 <input type="text" name="y2" oninput="fg(this)" value="" /><br>
	Y3 <input type="text" name="y3" oninput="fg(this)" value="" /><br>
</form>
<script type="text/javascript">
function fg(t) {
	var f = document.getElementById("form1");
	var a1 = f.a1.value*1||0;
	var y1 = t==f.y1?0:f.y1.value*1||0;
	var y2 = t==f.y2?0:f.y2.value*1||0;
	var y3 = t==f.y3?0:f.y3.value*1||0;
	if (t.value>a1*500-y1-y2-y3) {
		alert("输入的数大于最大值");
		t.value=a1*500-y1-y2-y3;
	}
}

[天际的海浪]

改一下，这样比较好

<form method="post" id="form1" >
	A1 <input type="text" name="a1" value="" /><br>
	Y1 <input type="text" name="y1" oninput="fg(this)" value="" /><br>
	Y2 <input type="text" name="y2" oninput="fg(this)" value="" /><br>
	Y3 <input type="text" name="y3" oninput="fg(this)" value="" /><br>
</form>
<script type="text/javascript">
function fg(t) {
	var f = document.getElementById("form1");
	var a1 = f.a1.value*1||0;
	var y1 = f.y1.value*1||0;
	var y2 = f.y2.value*1||0;
	var y3 = f.y3.value*1||0;
	var tv = t.value*1||0;
	if (y1+y2+y3>a1*500) {
		alert("输入的数大于最大值");
		t.value=a1*500-y1-y2-y3+tv;
	}
}
</script>

[qq_31673157]

引用 3 楼 jslang 的回复:

<form method="post" id="form1" >
	A1 <input type="text" name="a1" value="" /><br>
	Y1 <input type="text" name="y1" oninput="fg(this)" value="" /><br>
	Y2 <input type="text" name="y2" oninput="fg(this)" value="" /><br>
	Y3 <input type="text" name="y3" oninput="fg(this)" value="" /><br>
</form>
<script type="text/javascript">
function fg(t) {
	var f = document.getElementById("form1");
	var a1 = f.a1.value*1||0;
	var y1 = t==f.y1?0:f.y1.value*1||0;
	var y2 = t==f.y2?0:f.y2.value*1||0;
	var y3 = t==f.y3?0:f.y3.value*1||0;
	if (t.value>a1*500-y1-y2-y3) {
		alert("输入的数大于最大值");
		t.value=a1*500-y1-y2-y3;
	}
}

非常感谢。

[qq_31673157]

引用 4 楼 jslang 的回复:

改一下，这样比较好

<form method="post" id="form1" >
	A1 <input type="text" name="a1" value="" /><br>
	Y1 <input type="text" name="y1" oninput="fg(this)" value="" /><br>
	Y2 <input type="text" name="y2" oninput="fg(this)" value="" /><br>
	Y3 <input type="text" name="y3" oninput="fg(this)" value="" /><br>
</form>
<script type="text/javascript">
function fg(t) {
	var f = document.getElementById("form1");
	var a1 = f.a1.value*1||0;
	var y1 = f.y1.value*1||0;
	var y2 = f.y2.value*1||0;
	var y3 = f.y3.value*1||0;
	var tv = t.value*1||0;
	if (y1+y2+y3>a1*500) {
		alert("输入的数大于最大值");
		t.value=a1*500-y1-y2-y3+tv;
	}
}
</script>

完美解决我的问题。