Я только начинаю изучать jquery, пытаясь проверить мои html-формы. Я хочу, чтобы входы были красными, когда нет строки, поэтому я устанавливаю все входы под class= "valid" для запуска и при отправке пустого поля. Я хочу, чтобы jquery заменил действительный класс на not_valid. Мне удается сделать эту часть, но мне нужно, чтобы эти классы возвращались в нормальное состояние, когда форма была повторно отправлена. Кто-нибудь может мне помочь, пожалуйста! спасибо
$('.submit_signup').click(function(){
var abort = false;
$('not_valid').remove();
$(':input[required]').each(function(){
if($(this).val()===''){
$(this).removeClass('valid').addClass('not_valid');
abort = true;
}
});
if(abort){
return false;
}else{
return true;
}
});
Если я не понимаю, вы можете просто добавить else к вашему if, и заменить недействительным действительным, если поле не пустое.
Довольно просто!
$('.submit_signup').click(function(){
var abort = false;
// do not forget the dot for classes
$('.not_valid').removeClass('not_valid');
// check inputs
$(':input[required]').each(function(){
if($(this).val()===''){
$(this).removeClass('valid').addClass('not_valid');
abort = true;
}
});
// ! means not
return !abort;
});
toggleClass
. Также вы можете заменить свое последнее утверждение простоreturn abort