简体   繁体   中英

Setting minimum number value input in input textbox

我正在尝试使最小允许输入量为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">

User HTML min Attribute

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

Here is an example for you

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

Update:

You can test the value on keyup as per code below and force 1 as the min value.

<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/

You can do this right in your markup using the min max and step attributes, note you need to use type="number"

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

In your code:

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM