Issues disabling/enabling multiple inputs in JQuery

Question

I have a form with an "OR" condition that either dims/disables 3 input fields or 1 input field depending on if there are entries in each.

I'm having a lot of trouble with inconsistent results with this--namely when the user tabs through inputs--and could really use some help.

The code that's problematic is:

$(document).ready(function() {

  $("#firstInitial,#lastName,#memberNo").blur(function() {
      if ($(this).val() != '')
          $("#datepicker").attr("disabled", "disabled").addClass("disabledStyle").val('');            
      else
          $("#datepicker").attr("disabled", "").removeClass("disabledStyle");

  });

});

I'm trying to dim/disable a datepicker field when there's an entry in either firstInitial, lastName, or memberNo, or any combination of those three--and undisable datepicker if entries are removed in these. What's happening is tabbing through these breaks everything and causes inconsistent results.

Is there another technique I could try?

Thanks.

Joel · Accepted Answer · 2011-08-03 17:29:16Z

0

I'm not sure I understood all of your question, but if you name your html elements using class="someName" instead of id="someName", then you have access to the "." JQuery syntax.

$(".someClass").someMethod() will apply the method to all elements declaring this class in their attributes.

I'm not certain if it's atomic though...

answered Aug 3, 2011 at 17:29

Joel

3,4545 gold badges41 silver badges60 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:34:21Z

0

If you're seeing problems in FireFox, the following may be helpful. (hint: set autocomplete=off) Bug With Firefox - Disabled Attribute of Input Not Resetting When Refreshing

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Aug 3, 2011 at 17:46

timDunham

3,31825 silver badges24 bronze badges

Collectives™ on Stack Overflow

Issues disabling/enabling multiple inputs in JQuery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related