Javascript 验证两个文本框

Question

我有两个文本框。

一个文本框是最小值，另一个文本框是最大值。

我想确保用户在最大文本框中输入的值大于最小文本框中的值。如果用户输入一个文本框即将输入下一个文本框，也可能会处理这种情况。如何我能有效地完成这项工作吗？

Answer 1

最简单的方法是将值赋给一个变量并测试它们:

function checker(){

var min = document.getElementById("min").value ;

var max = document.getElementById("max").value ;

  if(min > max){

    alert('min is more than max');

  }

}

然后将检查器添加到输入的 onchange 中:

<input type='text' id='min' onchange='checker();' />
<input type='text' id='max' onchange='checker();' />