jQuery表单短信验证码倒计时按钮

表单里的验证码按钮，最烦就是点完没反应，或者能一直点、狂发求。用 jQuery 搞个 倒计时 按钮其实不难，体验也能拉满。按钮禁用、文字变化、倒计时逻辑一套下来，用户一看就知道“要等等哦”。

用的是一个 定时器逻辑，setInterval 每秒更新按钮文案，60 秒后恢复。中间还能插 Ajax 发验证码求，响应也快，代码也好维护。

你只要把按钮 #getSmsCode 和输入框 #phoneNumber 绑定好事件，再配个接口，基本就成了。样式可以加点 disabled 的视觉效果，看起来更专业点。

要注意的几个点：防止重复点击、求失败要提示、手机号码要校验，这些小细节加上去，体验才算完整。

如果你还在用 jQuery 做表单交互，这个验证码倒计时逻辑可以说是“标配”了。直接拿去用，或者参考一下代码结构，改到你项目里也蛮方便的。

类似的资源我也挖了一些出来：

• 短信验证码倒计时
• jquery 验证码倒计时
• jQuery 点击获取验证码按钮及倒计时功能
• 表单验证与倒计时插件

如果你用的是 Vue、Android、iOS，也有对应的实现版本，可以换着看下思路。