jquery验证、登陆问题

用jquery进行验证

$(function(){            
                if($('#username').val().length==0)
                {   
                    $('.hint').text("不能为空").css({"color":"red","background-color":"yellow"});   
                }   
                else
                {   
                    $('.hint').html("<img src='008.gif'>");
                     $.post("checkName","username="+$('#username').val(),function(data){   
                       $('.hint').text(data).css({"color":"red","background-color":"yellow"});  
                    }); 
                 
                }   
         });

<form name="form1" action="loginServlet" method="post">
        <label>请输入用户名 ：</label>   
        <input id="username" name="username" type="text" onblur="f0()"> <span class="hint"></span><br/>        
        <input class="sumbit" type="submit" value="登录">   
  </form>

验证后会显示用户名已存在或用户名可用，
但是当显示用户名已存在的时候，点击登录按钮还是可以提交，我到网上看了一下，这种情况下，一般是登录按钮不可用，信息完全正确后登录按钮才可用看，怎么实现按钮的变化