表單字段數量上/下按鈕，不允許負數？

Question

http://jsfiddle.net/KYDPd

有沒有辦法讓最小數爲0，並且不允許用戶點擊時低於0？

<form> 
    <input type="text" name="name" value="0" /> 
    <input type="button" value="up" onclick="this.form.name.value++;" > 
    <input type="button" value="down" onclick="this.form.name.value--;"> 
</form> 

Answer 1

你應該把這個JavaScript放在function。

<form> 
    <input type="text" name="name" value="0" /> 
    <input type="button" value="up" onclick="this.form.name.value++;" > 
    <input type="button" value="down" onclick="if(this.form.name.value>0)this.form.name.value--;"> 
</form> 

---

附加應答與功能。

<script> 

function ud_find_text(self) { 
    var children = self.parentNode.getElementsByTagName('input'); 
    for (var i = 0; i < children.length; i++) { 
     if (children[i].getAttribute('type') == 'text') { 
      return children[i]; 
     } 
    } 
} 

function ud_inc(self) { 
    var text = ud_find_text(self); 
    text.value++; 
} 

function ud_dec(self) { 
    var text = ud_find_text(self); 
    if (text.value > 0) text.value--; 
} 

</script> 

<form> 
    <input type="text" name="name" value="0" /> 
    <input type="button" value="up" onclick="ud_inc(this)" > 
    <input type="button" value="down" onclick="ud_dec(this)"> 
</form> 

Answer 2

這應該有所斬斷。在允許每個操作之前檢查值是多少。還在文本輸入中添加了onchange以實現您的最低0要求。同意這個應該在一個函數中的其他答案。

http://jsfiddle.net/xqV6V/1/

<form> 
    <input type="text" name="name" value="0" onchange="if(this.value<0){this.value=0;}" /> 
    <input type="button" value="up" onclick="if(this.form.name.value>=0){this.form.name.value++;}" > 
    <input type="button" value="down" onclick="if(this.form.name.value>0){this.form.name.value--};"> 
</form> 

Answer 3

如果單獨的按鈕是沒有必要的，HTML5是你可以只使用一個選項：

<form> 
    <input type="number" min="0" name="name" value="0" /> 
</form>