input验证码框,输入非数字或非12位时,红框提示;每4位加一个空格

前端之家收集整理的这篇文章主要介绍了input验证码框,输入非数字或非12位时,红框提示;每4位加一个空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

以下代码:input验证码框,输入非数字或非12位时,红框提示;每4位加一个空格

提示;每3位加一个空格 $(".text").focus().keyup( num = /^[0-9]*$/ verifyValue = $( deletelogo = $(".delete-logo"删除的小叉号
        verifyValue</span>=verifyValue.replace(/\s+/g,""<span style="color: #000000;"&gt;);//清掉空格

        </span><span style="color: #0000ff;"&gt;if</span>(verifyValue.length > 9<span style="color: #000000;"&gt;){
            verifyValue </span>= verifyValue.substring(0,9<span style="color: #000000;"&gt;);//只允许输入9位数
        }

        </span><span style="color: #0000ff;"&gt;if</span>(!num.test(verifyValue)||verifyValue.length!=9<span style="color: #000000;"&gt;){
            $(</span>".text").css("border","1px solid #ff661b"<span style="color: #000000;"&gt;);//输入非数字,或非9位数,input边框<a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>红色
        }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
            $(</span>".text").css("border","1px solid #cecece"<span style="color: #000000;"&gt;);
        }

        </span><span style="color: #0000ff;"&gt;if</span>(num.test(verifyValue)&amp;&amp;verifyValue.length==9<span style="color: #000000;"&gt;){</span><span style="color: #000000;"&gt;
            $(</span>".verify").css("background","#ff661b"<span style="color: #000000;"&gt;);//输入符合要求,下一步按钮<a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>亮色

        }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
            $(</span>".verify").css("background","#a9a9a9"<span style="color: #000000;"&gt;);
        }
        verifyValue </span>= verifyValue.replace(/(.{3})/g,"$1 ").replace(/\s+$/g,""<span style="color: #000000;"&gt;);//每输入3位数,<a href="/tag/tianjia/" target="_blank" class="keywords">添加</a>一个空格。

        $(</span><span style="color: #0000ff;"&gt;this</span><span style="color: #000000;"&gt;).val(verifyValue);

        </span><span style="color: #0000ff;"&gt;if</span>(verifyValue.length > 0<span style="color: #000000;"&gt;){
            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;"&gt;else</span><span style="color: #000000;"&gt;{
            delete<a href="/tag/logo/" target="_blank" class="keywords">logo</a>.hide();
        }
    });
});</span></pre>

 

猜你在找的JavaScript相关文章