Aggiungi e rimuovi più classi in jQuery

Sto cercando di aggiungere e rimuovere più classi in un campo di testo facendo clic su diversi pulsanti di opzione. Non riesco a rimuovere le classi indesiderate mentre si passa da un pulsante di opzione all'altro.

Il mio codice per questo è:

// For 1st radio button
if (actionUrl == "search-client-by-id") {
    $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
             .addClass("validate[required,custom[onlyNumberSp]]");
}
// For 2nd radio button
else if (actionUrl == "search-client-by-name") {    
    $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
             .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}

Puoi separare più classi con lo spazio:

$("p").addClass("myClass yourClass");

http://api.jquery.com/addClass/

Aggiungi più classi:

$("p").addClass("class1 class2 class3");

o in cascata:

$("p").addClass("class1").addClass("class2").addClass("class3");

Molto simile anche per rimuovere più classi:

$("p").removeClass("class1 class2 class3");

o in cascata:

$("p").removeClass("class1").removeClass("class2").removeClass("class3");

Il modo più semplice per aggiungere il nome della classe usando JavaScript. Può essere utile quando .siblings()si comportano male.

document.getElementById('myId').className += ' active';