在網頁中,有時候需要用戶填寫一些敏感信息或完成特定操作時,在表單提交前需要加入驗證碼進行驗證,以保證信息安全性和防止惡意操作。而jquery可以方便地實現驗證碼倒計時60秒功能,提高用戶體驗。
下面是jquery實現驗證碼倒計時60秒的代碼:
$(document).ready(function(){ var wait=60; function time(obj) { if (wait == 0) { obj.removeAttr("disabled"); obj.text("獲取驗證碼"); wait = 60; } else { obj.attr("disabled", true); obj.text("重新發送(" + wait + ")"); wait--; setTimeout(function() { time(obj); }, 1000) } } $("#getCode").click(function(){ time($(this)); //發送驗證碼邏輯,可根據具體情況自行修改 }); });
通過將按鈕的disabled屬性設為true,禁用按鈕的點擊事件,達到倒計時功能。倒計時結束后再將按鈕的disabled屬性設為false,以便再次觸發驗證碼發送。
以上就是使用jquery實現驗證碼60秒倒計時的簡單示例,希望對大家有所幫助。