Question

我看过我能找到的所有线索，但是很挣扎......对Jquery来说也很新鲜，所以请原谅我的无知。

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

这是HTML和JS ......

HTML 的 ID

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

JS 功能ID（len）{ var ID; var n =＆＃39;＆＃39;;

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/

在重置jquery上重新生成随机数

1 个答案: