輸入框的判斷

    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";）
比較笨的方法 能用就行。。。。。。。