Поменять классы, когда ввод недопустим, jquery

Question

Поменять классы, когда ввод недопустим, jquery

0

Я только начинаю изучать 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;
   }
});

user3277558 21 март 2014, в 02:49

Источник

0

Попробуйте поиграть с toggleClass . Также вы можете заменить свое последнее утверждение просто return abort
elclanrs 21 март 2014, в 01:06

Теги:

javascript

jquery

validation

2 ответа

Ещё вопросы

Попробуйте поиграть с toggleClass . Также вы можете заменить свое последнее утверждение просто return abort

Scott Hunter · Answer 1 · 2014-03-21T00-06-00.000Z

Если я не понимаю, вы можете просто добавить else к вашему if, и заменить недействительным действительным, если поле не пустое.

Leonard Pauli · Answer 2 · 2014-03-20T23-48-00.000Z

Довольно просто!

$('.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;
});