How to i reset a field value with javascript

Question

I want to make the value in quantity show as 1 if its not valid.

<input type = "number" id = "quantity" value="1" onchange="Validatequantity()" />

function Validatequantity() {   
    var num = document.getElementById('quantity').value;
    if  (num < 1 || num > 10 ) {
        alert('Invalid ticket number ...Should be between 1-10');
        num = 1; // reset part is here(don't work)
    } 
}

score 2 · Answer 1 · answered May 10 '15 at 05:40

2

function Validatequantity() {
    var num = document.getElementById('quantity').value;
    if  (num < 1 || num > 10 ) {
        alert('Invalid ticket number ...Should be between 1-10');
        num = 1; // reset part is here(don't work)
        document.getElementById('quantity').value = 1; // Set input value to 1
        // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    } 
}

answered May 10 '15 at 05:40

Tushar

85,780
21
159
179

isn't it same as `num=1` because `num = document.getElementById('quantity').value` – user2650277 May 10 '15 at 05:42
It is not `live node`, I think – Tushar May 10 '15 at 05:43
You can give me a link to an article talking about it so that i can learn ...it works btw – user2650277 May 10 '15 at 05:45
@user2650277 http://stackoverflow.com/a/19145320/2025923 the element is `live` but not the `value` – Tushar May 10 '15 at 05:57

score 1 · Accepted Answer · answered May 10 '15 at 05:54

1

If you want to work with the variable make it a reference to the element than its value:

function Validatequantity() {   
    var num = document.getElementById('quantity');
    if  (num.value < 1 || num.value > 10 ) {
        num.value = 1;
    } 
}

answered May 10 '15 at 05:54

Samurai

3,724
5
27
39

How to i reset a field value with javascript

2 Answers2