Enable submit button after all fields are filled

Question

I have a jquery toggling menu with password fields. By default, the submit button is disabled, and enabled on keyup events.

$(function(){
  $("#submitProfile").attr("disabled","true");
  $("#password_confirmation, #password, #current_password").keyup(function(){
    $("#submitProfile").removeAttr("disabled");
  });
});

But how can I keep the button disabled until all the fields are filled?

R3tep · Accepted Answer · 2015-05-21 12:50:41Z

4

You can add a condition.

$(function(){
  $("#submitProfile").attr("disabled","true");
  $("#password_confirmation, #password, #current_password").keyup(function(){
      if($("#password_confirmation").val() && $("#password").val() && $("#current_password").val())
          $("#submitProfile").removeAttr("disabled");
  });
});

Live demo

edited May 21, 2015 at 12:50

answered May 21, 2015 at 12:22

R3tep

12.9k10 gold badges52 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dipesh Rana · Accepted Answer · 2015-05-21 12:22:48Z

1

You can try something like this:-

if($('#password_confirmation, #password, #current_password').val().length>0){
 $("#submitProfile").removeAttr("disabled");
}

answered May 21, 2015 at 12:22

Dipesh Rana

3671 silver badge9 bronze badges

1 Comment

R3tep Over a year ago

Did you try your code? Your solution doesn't work on this fiddle

Collectives™ on Stack Overflow

Enable submit button after all fields are filled

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related