输入框的判断

Posted wsmpy3

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了输入框的判断相关的知识,希望对你有一定的参考价值。

    function checkPhone() {
        var reg1 =/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/;
        var phone = document.getElementById("phone").value;
        if (phone== 0||phone=="") {
            $("#span2")[0].innerhtml="不能为空";    
            $("#i2")[0].className = "icon-cross";
            $("#i2")[0].style.opacity = "1";
            $("#phone")[0].className = "err";
            condition = false;
        } else if (!reg1.test(phone)) {
            $("#span2")[0].innerHTML="手机号格式不对";
            $("#i2")[0].className = "icon-cross";
            $("#i2")[0].style.opacity = "1";
            $("#phone")[0].className = "err";
            condition = false;
        }
        else{
            $("#span2")[0].innerHTML="";
            $("#i2")[0].className = "icon-checkmark";
            $("#phone")[0].className = "normal";
            condition = true;
        }
    }
<tr>
     <td><input id="phone" type="text" name="phone"  class="normal"placeholder="&nbsp;&nbsp;&nbsp;&nbsp;手机号" onblur="checkPhone()">
     <span id="span2"class="if_span"></span></td>
     <td><i id="i2" class="icon-checkmark" style="opacity:0;"></i></td> 
</tr>
 onblur="checkPhone()"是失去焦点后的方法
span2是错误输入后的提示语句,用class="if_span"这个css样式来设定颜色等样式
i2是输入正确与否的图标 本来是用display但是显示隐藏我右边内容会跟着变动,所以用透明度
class="normal"是输入框输入正确的时候样式  err是错误的时候样式($("#phone")[0].className = "err";)
比较笨的方法 能用就行。。。。。。。


以上是关于输入框的判断的主要内容,如果未能解决你的问题,请参考以下文章

JS:checkFrom对输入框和文本框的判断总结

jquery如何判断多个输入框是不是有值

html中,怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。

jquery如何判断多个输入框是不是有值,在线等啊~~~~~~~~~~~~~~~

jquery如何判断多个输入框是不是有值,在线等啊~~~~~~~~~~~~~~~

js里如何判断两个文本框的值是不是一样?