以下代码:input验证码框,输入非数字或非12位时,红框提示;每4位加一个空格
提示;每3位加一个空格
$(".text").focus().keyup( num = /^[0-9]*$/ verifyValue = $( deletelogo = $(".delete-logo"删除的小叉号
verifyValue</span>=verifyValue.replace(/\s+/g,""<span style="color: #000000;">);//清掉空格
</span><span style="color: #0000ff;">if</span>(verifyValue.length > 9<span style="color: #000000;">){
verifyValue </span>= verifyValue.substring(0,9<span style="color: #000000;">);//只允许输入9位数
}
</span><span style="color: #0000ff;">if</span>(!num.test(verifyValue)||verifyValue.length!=9<span style="color: #000000;">){
$(</span>".text").css("border","1px solid #ff661b"<span style="color: #000000;">);//输入非数字,或非9位数,input边框<a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>红色
}</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{
$(</span>".text").css("border","1px solid #cecece"<span style="color: #000000;">);
}
</span><span style="color: #0000ff;">if</span>(num.test(verifyValue)&&verifyValue.length==9<span style="color: #000000;">){</span><span style="color: #000000;">
$(</span>".verify").css("background","#ff661b"<span style="color: #000000;">);//输入符合要求,下一步按钮<a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>亮色
}</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{
$(</span>".verify").css("background","#a9a9a9"<span style="color: #000000;">);
}
verifyValue </span>= verifyValue.replace(/(.{3})/g,"$1 ").replace(/\s+$/g,""<span style="color: #000000;">);//每输入3位数,<a href="/tag/tianjia/" target="_blank" class="keywords">添加</a>一个空格。
$(</span><span style="color: #0000ff;">this</span><span style="color: #000000;">).val(verifyValue);
</span><span style="color: #0000ff;">if</span>(verifyValue.length > 0<span style="color: #000000;">){
delete<a href="/tag/logo/" target="_blank" class="keywords">logo</a>.show();//输入不为空时,<a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>右边的小叉号
}</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{
delete<a href="/tag/logo/" target="_blank" class="keywords">logo</a>.hide();
}
});
});</span></pre>