打听个JQuery的写法

有一个表格，分为二行三列，用来实现一个登录对话框的制作，第三列是<td class="validate">必填</td>
我希望用JQuery来检测<input type="text" name="userName" />组件后发现是空字符时把第三列的“必填”换成“请输入用户名”，该怎么个写法？

解决方案 »

  1.   


    if($(".validate").children("input").text()==""){
        $(this).append("<p>必填</p>")
    }
      

  2.   

    if ($("input[name = 'username']").val() == "") {
                    $(".validate").text("请输入用户名"); 
                }
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <style type="text/css">
    table{
    width:300px;
    height:200px;
    }
    </style>
    <script language="javascript" src="jquery.js"></script>
    <script language="javascript">
    $(document).ready(function(){
    $('#loginform').submit(function(){
    if($(':text').val()==''){
    $('.validate1').text('请输入用户名');
    }if($(':password').val()==''){
    $('.validate2').text('请输入密码');
    }else{
    alert('ok');
    return true;
    }
    return false;
    });
    });
    </script>
    </HEAD><BODY>
    <form id="loginform" action="#">
    <TABLE border="0">
    <TR>
    <TD width=50>用户名</TD>
    <TD width=100><input type="text" name="userName"/></TD>
    <TD width=100 class="validate1">必填</TD>
    </TR>
    <TR>
    <TD>密码</TD>
    <TD><input type="password" name="userPwd"/></TD>
    <TD class="validate2">必填</TD>
    </TR>
    <TR>
    <TD colspan="3" align="center">
    <input type="submit" value=" 提 交 " /> 
    <input type="reset" value=" 重 置 " />
    </TD>

    </TR>
    </TABLE>
    </form>
    </BODY>
    </HTML>