Question

我只是开始学习jquery，试图验证我的html表单。我希望当没有字符串时输入为红色，所以我将所有输入设置为class =“valid”以启动，当提交空字段时，我希望jquery将有效类交换为not_valid。我设法做到这一点，但是当重新提交表单时，我需要将这些类恢复正常。谁能帮帮我吗？ THX

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

Answer 1

除非我误解，否则你只需在if上添加一个else，如果该字段不为空，则将其替换为无效。

Answer 2

非常简单！

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

在输入无效时交换类，jquery

2 个答案: