设置文本框的最大值和最小值

Question

我拥有一个画布网站,希望我的客户能够在一定范围内输入画布的自定义长度.

说产品的范围是:

• 最小:10厘米
• 最大:200厘米

然后在文本框中,他们可以输入该范围之间的任何数字,但如果他们输入"215",那么它应该自动下降到"200".同样,如果他们输入"7",那么它应该自动升至"10"

Answer 1

document.getElementById('textBoxID').onchange = function(){
      if(this.value > 200){
           this.value = 200;
      }
      if(this.value < 10){
           this.value = 10;
      }
}

这是一个小提琴的例子:http://jsfiddle.net/maniator/qwFN6/