Jquery Add Remove class

Question

Am using the below code to change the class at runtime in Jquery FocusOut

$("#txtNewAttributes").focusout(function () {
    var attributeTextBox = $("#txtNewAttributes").val()
    if ($.trim(attributeTextBox) == "Height")
        $(txtNewValues).removeClass('alphaonly').addClass('numbersonly');
    if ($.trim(attributeTextBox) == "string" || $.trim(attributeTextBox) == "string2")
        $(txtNewValues).removeClass('numbersonly').addClass('alphaonly');
});

And am having validation using the class names loaded in the page.

My issue is in FireBug I see the Class name has changed for the txtNewValues , But still the expected validations(alphaonly,numbersonly) are not fired.

Am I missing something here?

Nothing to do with [tag:jquery-validate] plugin. Removed tag. — Sparky, Mar 01 '13 at 16:04

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

probably the numeric only and alpha only validations get fired on focusout event only. As you are assigning classes on the same event, it could be the reason that the order of the execution is causing this issue. Please check that first.

If this is the case then you may get help from the following post.

Event Ordering

edited May 23 '17 at 10:25

Community

1
1

answered Mar 01 '13 at 09:31

K D

5,889
1
23
35

Jquery Add Remove class

1 Answers1