сгенерировать случайное число при перезагрузке jquery

Question

Я просмотрел все темы, которые я могу найти, но боюсь .. также совершенно новый для Jquery, так простите мое невежество.

У меня есть форма, которая генерирует случайный код при загрузке страницы. Мне удалось добиться этого, но кнопка сброса очищает это поле, и я не могу понять, как заставить jquery повторно генерировать случайный код при нажатии кнопки сброса.

Вот HTML и JS ...

HTML ID:

<input class="widg_reset" type="reset" value="RESET FORM"> 
</div> 
</form> 
<!--form--> 

JS функция ID (длина) { вар Я БЫ; var n = '';

for(var count = 0; count < len; count++) { 
    ID = Math.floor(Math.random() * 10); 
    n += ID.toString(); 
} 
return n; 

}

document.getElementById("w_id").value = 'w' + ID(5); 

Я создал основную скрипку здесь: http://jsfiddle.net/6qov3s4h/1/

Любые идеи?

Благодаря Джо

Answer 1

Вы помечено JQuery, поэтому я предполагаю, что вы можете использовать JQuery код для этого. Легкий способ выполнить то, что вы хотите, - это прослушать щелчок по кнопке сброса и запустить код после сброса формы.

$(document).ready(function(){ 
    // Listen for a click on the reset button 
    $("input[type='reset']").on("click", function(e){ 
     e.preventDefault(); // Prevent the form from resetting just yet 
     $(this).closest('form').get(0).reset(); // Actually reset the form 
     document.getElementById("w_id").value = 'w' + ID(5); 
    }); 
}); 

Вот JSFiddle, демонстрирующий эту функциональность: http://jsfiddle.net/xfswc6aq/