在重置jquery时重新生成随机数答案

【问题标题】：re-generate random number on reset jquery在重置jquery时重新生成随机数
【发布时间】：2015-07-07 00:17:26
【问题描述】：

我已经查看了所有我能找到的线程，但是很挣扎.. 对 Jquery 来说还是很新的，所以请原谅我的无知。

我有一个表单，当您加载页面时会生成一个随机代码。我设法让它工作正常，但是重置按钮清除了这个字段，我不知道如何让 jquery 在点击重置按钮时重新生成随机代码。

这里是 HTML 和 JS...

HTML ID：

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

JS 函数 ID(len) { 变量 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/

有什么想法吗？

谢谢乔

【问题讨论】：

标签： jquery html forms

【解决方案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/

【讨论】：