JS event not changing input disabled attr

Question

I'm currently trying to set up a registration page on my website but I have a problem: My JS script does not act like I want it to do

Here is my script:

function checkPasswordMatch() { var password = $("#password").val(); var confirmPassword = $("#retypepassword").val(); if (password != confirmPassword) { $("#pass").html("Passwords do not match!"); $("#submit").attr("disabled"); } else { $("#pass").html("Password match."); $("#submit").removeAttr("disabled"); } } $(document).ready(function () { $("#retypepassword").keyup(checkPasswordMatch); });

And my html code:

<INPUT class="btn btn-primary" type="submit" id="submit" name="" value="Register" disabled />

So in my opinion it's supposed to add the "disabled" attribute when passwords do not match and remove it when they match but here is what happen :

When the passwords match, the disabled state is removed but if they do not match (if they are modified for any reason for instance) they state does not come back again

That Guy · Accepted Answer · 2015-04-03 00:00:06Z

Like AlexGm, I suggest you try this.

function checkPasswordMatch() {	var password = $("#password").val();	var confirmPassword = $("#retypepassword").val();	// Note: !==	var noMatch = password !== confirmPassword;	if (noMatch) {	$("#pass").html("Passwords do not match!");	} else {	$("#pass").html("Password match.");	}	$("#submit").attr("disabled", noMatch); }

Shorter and easier than what I tried to do plus it works, thank you!

AlexGM · Accepted Answer · 2015-04-02 23:53:48Z

1

To achieve what you describe, try changing it slightly to:

$("#submit").attr("disabled", true);

and

$("#submit").attr("disabled", false);

answered Apr 2, 2015 at 23:53

AlexGM

1681 silver badge9 bronze badges

1 Comment

Zanmyr Over a year ago

Thank you very much, I do appreciate your help, it worked like expected!

Collectives™ on Stack Overflow

JS event not changing input disabled attr

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related