jQuery를 입력 체크 - - 제출하지 않도록 내가 필요로 입력을위한 간단한 값 검사기를 썼다

Question

문제, 여기에 데모를 참조하십시오 2. 둘 다 삭제하십시오 - 그리고 3. 그 중 하나에 값을 입력하십시오, 제출은 가능합니다 (실패) - 그러나 하나의 입력은 공백이므로 제출은 여전히 ​​비활성화되어야합니다.

"형용사가 .required"값을 확인하려고했지만 작동하지 않습니다. 그것은 단지 직접 형제를 반환하기 때문에 $(this).siblings('.required') 어떤 요소를 반환하지 않습니다

if ($('.required[value=]').length > 0) 
    $('.meet').removeClass('disabled').attr('disabled',false); 

참고 : 만 원하는 가정

Answer 1

는 형제 자매의 모든에 값이 경우 버튼을 활성화하려면. (input의 유일한 형제는 label입니다.

Answer 2

값이 비어 있으면 제출 버튼을 사용하지 않도록 설정하고 둘 다 뭔가가 있으면 변경할 수 있습니다. 시도해보십시오 :

if($('.meet').val() == ''){ 
    $('.meet').addClass('disabled').attr('disabled',true); 
} 

$('.required').keyup(function(){ 
    if($(this).val() == '') { 
     $(this).addClass('warning'); 
    }else{ 
     $(this).removeClass('warning'); 
    } 

    if($('.required[value=]').length == 0){ 
     $('.meet').removeClass('disabled').attr('disabled',false); 
    }else{ 
     $('.meet').addClass('disabled').attr('disabled', true); 
    } 
}); 

Answer 3

로그인 버튼을 비활성화해야합니다. 또한 disabled 특성을 true 및 false이 아닌 disabled으로 설정해야합니다.

수표 당신에있는 입력 필드에는 형제 .required이 없기 때문에

$(this).siblings('.required').val() == '' 

이 작동하지 않습니다. 귀하의 HTML은 다음과 같습니다. 그러나 두 번째 입력에는 다른 부모가 있으므로 형제가 아닙니다.

<li> 
    <label for="username">Benutzername:</label> 
    <input type="text" name="username" id="username" class="text required" value="" maxlength="10" /> 
</li> 
<li> 
    <label for="password">Passwort:</label> 
    <input type="password" name="password" id="password" class="text required" value="" maxlength="10" /> 
</li> 

당신은 그 아래에있는 회색`edit` 링크를 클릭하여 질문을 편집 할 수 있습니다 jQuery를 foo에에게

$('.meet').addClass('disabled').attr('disabled','disabled'); 
$('.required').keyup(function(){ 
    if($(this).val() == '') { 
     $(this).addClass('warning'); 
     $('.meet').addClass('disabled').attr('disabled','disabled'); 
    } else { 
     $(this).removeClass('warning'); 
     if($(this).parent().next().find('input.required').val() != '') { 
      $('.meet').removeClass('disabled').attr('disabled',''); 
     } 
    } 
});