jquery用户名验证

    <script type="text/javascript">
        function test(obj) {
            //验证用户名
            $("#" + obj.id).bind("focus keyup", function () {
                $("#p_" + this.id).hide();
                $("#img_" + this.id).hide();
                if ($(this).val().length >= 5 && $(this).val().length <= 18) {
                    $("#img_" + this.id).show();
                }
                else {
                    $("#p_" + this.id).show();
                }
            });
        };
    </script>

 

<tr>
                <td align="right" valign="top" class="fontSiz">
                    <span class="redTxt">*</span>用户名：
                </td>
                <td align="left">
                    <asp:TextBox ID="txtUserName" runat="server" Class="memInput" Columns="30" MaxLength="18" οnclick="test(this)" ></asp:TextBox>
                    <div class="regChip grayTxt">
                        5~18个字符，包括字母、数字、下划线，以字母开头，字母或数字结尾
                    </div>
                </td>
                <td align="left" valign="top">
                    <img id="img_txtUserName" src="images/ico26.gif" width="16" height="16" style="display: none;" />
                    <p id="p_txtUserName" class="regChk" style="display: none;">
                        <img src="images/ico27.gif" width="16" height="16" />必需是5~18位</p>
                </td>
            </tr>