<body>
<form>
<div>
<span class="label">User Id</span><input type="text" class="userid" name="userid" />
<span class="error">User id cannot be blank</span>
</div>
<div>
<span class="label">Password</span><input type="password" class="password" name="password" />
<span class="error">Password cannot be blank</span>
</div>
<div>
<span class="label">Confirm Password</span><input type="password" class="confpass" name="confpass" />
<span class="error">Password and Cofirm password don't match</span>
</div>
</form>
<script type="text/javascript">
$().ready(function(){
$(".error").hide();
$('.userid').blur(function(){
data=$('.userid').val();
var len=data.length;
if(len<1){
$('.userid').next().show();
$('.password').attr('disabled',true);
$('.confpass').attr('disabled',true);
}else{
$('.userid').next().hide();
$('.password').removeAttr('disabled');
$('.confpass').removeAttr('disabled');
}
});
$('.password').blur(function(){
data=$('.password').val();
var len=data.length;
if(len<1){
$('.password').next().show();
$('.confpass').attr('disabled',true);
}else{
$('.password').next().hide();
$('.confpass').removeAttr('disabled');
}
});
$('.confpass').blur(function(){
if($('.confpass').val()!=$('.password').val()){
$('.confpass').next().show();
}else{
$('.confpass').next().hide();
}
});
});
</script>
</body>
<form>
<div>
<span class="label">User Id</span><input type="text" class="userid" name="userid" />
<span class="error">User id cannot be blank</span>
</div>
<div>
<span class="label">Password</span><input type="password" class="password" name="password" />
<span class="error">Password cannot be blank</span>
</div>
<div>
<span class="label">Confirm Password</span><input type="password" class="confpass" name="confpass" />
<span class="error">Password and Cofirm password don't match</span>
</div>
</form>
<script type="text/javascript">
$().ready(function(){
$(".error").hide();
$('.userid').blur(function(){
data=$('.userid').val();
var len=data.length;
if(len<1){
$('.userid').next().show();
$('.password').attr('disabled',true);
$('.confpass').attr('disabled',true);
}else{
$('.userid').next().hide();
$('.password').removeAttr('disabled');
$('.confpass').removeAttr('disabled');
}
});
$('.password').blur(function(){
data=$('.password').val();
var len=data.length;
if(len<1){
$('.password').next().show();
$('.confpass').attr('disabled',true);
}else{
$('.password').next().hide();
$('.confpass').removeAttr('disabled');
}
});
$('.confpass').blur(function(){
if($('.confpass').val()!=$('.password').val()){
$('.confpass').next().show();
}else{
$('.confpass').next().hide();
}
});
});
</script>
</body>