Кнопки увеличения/уменьшения количества полей формы, не допускайте отрицательных чисел?

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

Это должно сделать трюк. Проверьте, что это значение, прежде чем разрешить каждую операцию. Также добавлен обмен на ввод текста, чтобы узнать ваше минимальное требование. Согласитесь с другим ответом, что это должно быть в функции.

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>