Disable Submit Button image

by Lokesh Yadav

HTML

<form name="signupFrm" id="signupFrm">
 <input type="text" />
    <a href ="javascript:void(0)" class="btnspc1 continueBtn submit"> <img src="http://www.pokernetonline.com/images/btn-Continue.gif" alt="jio money" class="disabled" /></a>
</form>

CSS

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

JavaScript

$form = $('#signupFrm'); // cache

$form.find("input").on("keyup", function(){
  if($(this).val().length <= 0 ) {
    $form.find('a.submit img').addClass("disabled");
  } else {
    $form.find('a.submit img').removeClass("disabled");
  }
});