样式 提示错误或其他信息

table .register_input1
{
   border: solid 1px #c4d2db;
        width: 150px;
        font-size: 14px;
        font-family: 宋体;
        color: Gray;
        margin-left: 5px;
}
table .register_changeColor
{
 border: solid 1px #c4d2db;
    background-color: #f3f3f3;
    height: 20px;
    width: 200px;
    font-size:14px;
    font-family: 宋体;
    color: Gray;
    padding-top:5px;
    margin-left: 5px;
} 

 

<tr class="userName">
            <td class="register_leftTd">
                <font color="red">* </font>用户名:
            </td>
            <td bgcolor="#FFFFFF">
                <input id="txtuserName" name="txtuserName" maxlength="20" autocomplete="off" style="ime-mode: disabled;"
                    class="register_input" type="text" οnblur="this.className='register_input'; return checkUserName();"
                    οnfοcus="this.className='register_changeColor';" />
                <span id="spanUserName" class="register_font"></span>
            </td>
        </tr>

 

 

】//用户名验证
function checkUserName()
{
    var UserName = document.getElementById("txtuserName");
    if(UserName.value.trim()!="")
        { 
            if(!checku(UserName.value) || UserName.value.length <4 || UserName.value.length > 20){
                document.getElementById("spanUserName").innerHTML="用户名应该为4-20位数字或英文字母，下划线或字符！"; 
                $("#txtuserName").css({ border:"1px solid red" });     
                return false;
            }
        }
        else
        {
            if(UserName.value.trim()=="")
            {
             document.getElementById("spanUserName").innerHTML="请输入用户名！"; 
             $("#txtuserName").css({ border:"1px solid red" });
             return false;
            }
            else
            {
             $("#txtuserName").css({ border:"1px solid red" });
             document.getElementById("spanUserName").innerHTML=" "; 
            }
          
        }
        return true;
}