第二个输入类型的值="数字"不能超过第一个输入类型的值="数字" MAXLENGTH =" 3"

时间:2016-06-22 01:31:16

标签: html asp-classic

这是测试代码,不使用按钮,如果值为< =第一个文本框,则第二个文本框将接受该数字。

<html>
<body>

<input id="first" name="first" type="number" maxlength = "3">

<input id="second" name="second" type="number" maxlength = "3"      onblur="compare()" >


</body>
</html>

<script type="text/javascript">

function compare()
{
 var firstNumber = document.getElementById("first").value;
 var secondNumber = document.getElementById("second").value;
 if(firstNumber >= secondNumber)
 {
  //nothing will do, continue to the 3rd textbox.
 }
 else
 {
 alert("The number you enter is larger than the first one.");
  //clear the value of the second textbox
 }
}

</script>

1 个答案:

答案 0 :(得分:0)

如果我理解正确,您没有收到任何错误,但您希望对两个输入进行比较。

您将不得不使用javascript。您需要将每个输入存储在变量中。然后,您需要编写一个函数来比较这些变量的值并显示输出。

例如:

<button type="button" onclick="compare()">Compare!</button>

<script>

function compare()
{
 var firstNumber = document.getElementById("first").value;
 var secondNumber = document.getElementById("second").value;
 if(firstNumber == secondNumber)
 {
  alert("The numbers are equal");
 }
 else if(firstNumber > secondNumber)
 {
  alert("The first number is larger");
 }
 else
 {
  alert("The second number is larger");
 }
}

</script>

然后,根据您想要发生的事情,将自己的代码放在第二个数字较大的位置。

编辑:对不起,如果你想在经典ASP中这样做。我确定你无论如何都能将它翻译成它。