表单 · form-sms 短信验证码
input[data-type="sms"] 短信验证码：渲染“输入框 + 获取验证码按钮”，点击后 60 秒倒计时（按钮 disabled）。
需给元素绑定 onbeforeactivate(callback) 发送验证码：发送成功调 callback(true) 启动倒计时，callback(false) 不启动。输入内容实时写入 value 并清除 error 红框。
表单家族
索引
base
input
textarea
select
number
search
checkbox
radio
switch
choose
multipled
labels
inpselect
button
label
file
files
upload
video
image
images
imgurls
date
datetime
color
price
sms
sign
listing
json
arrays
infinite
location
latlng
editor
richtext
line
modifier
data
关键属性
| 属性 | 说明 |
|---|---|
data-type | sms（必填） |
placeholder | 输入框提示，缺省“请填写短信验证码” |
onbeforeactivate | 自行绑定：发送验证码并回调 callback(bool) |
验证码倒计时
<div class="form-item">
<label class="label label-text pd-none">手机验证码</label>
<input type="hidden" data-type="sms" name="smscode" placeholder="请输入短信验证码">
</div>
提示： 真实接入：
el.onbeforeactivate = function(callback){ $.post('/api/sms/send',{phone}, rs => callback(rs.status==1)); }; 失败则不进入倒计时。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页