在输入文本框中设置最小数值输入

时间:2014-08-11 22:13:58

标签: javascript php html5

我试图让最小允许输入金额为1.00而不允许0.99或任何小于1.00

<input type="text" onkeyup="switchSlider(this.value, 1)" value="25.00" class="master-amount" name="master-amount" id="master-amount">

2 个答案:

答案 0 :(得分:1)

用户HTML min属性

<input type="number" min="1.00" onkeyup="switchSlider(this.value, 1)" value="25.00" class="master-amount" name="master-amount" id="master-amount">

以下是您的示例

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_max_min

答案 1 :(得分:0)

更新:

您可以根据下面的代码测试keyup上的值,并强制1作为最小值。

<input type="number" onkeyup="switchSlider(this)" value="25.00" class="master-amount" name="master-amount" id="master-amount">


switchSlider = function (e){
   if (!e.value || e.value < 1) e.value=1;
}

http://jsfiddle.net/2dq06qpc/

您可以使用min max和step属性在标记中执行此操作,请注意您需要使用type =“number”

<input type="number" min="0" max="100" step="5">

在您的代码中:

<input min="1" type="number" onkeyup="switchSlider(this.value, 1)" value="25.00" class="master-amount" name="master-amount" id="master-amount">