jQuery 유효성 검사, 별도의 레이블 색상 변경

Question

저는 jQuery를 처음 사용한다고 말하고 싶습니다. 그러나 일반적으로 프로그래밍하지는 마십시오. 이것은 나를 죽이고 어디서나 답을 찾을 수 없습니다.

는 여기에 내가 할 노력하고있어 무엇 :

나는 양식을 가지고 있고,이 예를 들어, 난 그냥 내 두 가지 요구 사항을 사용하는거야. 부품 이름과 부품 번호를 입력하려고합니다. 사용자가 그 중 하나를 입력하지 않으면 유효성 검사의 메시지 부분을 비활성화하는 동안 입력 상자 옆에있는 레이블의 색상을 변경하려고합니다.

예를 들어, 사용자가 부품 번호를 입력하지 않은 경우, 나는이를 변경하려면 :

<label for="part_name">Part Name</label> 

이 같은 사람 :

<label for="part_name" style="color: #fa0008;">Part Name</label> 

것은 여기에 지금까지 내 코드입니다.

HTML

<div class='type_left'><label for="part_name">Part Name</label></div> 
<div class='type_left'><input type="text" id="part_name" name="part_name"></div> 

<div class='type_left'><label for="hj_part">hj Part Number</label></div> 
<div class='type_left'><input type='text' name='hj_part'></div> 

jQuery를 (참고 :..이 모두가 잘 작동 그것을 시도하고 제출하지 않도록 내가 디버그 모드에서 실행하고) 무엇을

// Validate "Add Part" form ---------------- 
//------------------------------------------ 

$j('#addpartform').validate({ 
    debug: true, 
    rules: { 
     part_name: { 
     required: true 
     }, 
     hj_part: { 
     required: true 
     }, 
    }, 

    errorPlacement: function(error, element) { }, 

    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) { 
      alert("Hey man, you didn't enter something.") 
     }   
    }, 
    submitHandler: function(form) { alert("works!") } 

}); 

//------------------------------------------ 
// End "Add Part" form validation ---------- 

이 작업을 수행하려면 유효성 검사 함수에 추가해야합니까 ??

나에게는 매우 간단 할 것처럼 들리지만 그냥 이해할 수는 없습니다.

미리 도움을 주셔서 감사합니다. 댄

은 if (오류) 내부

Answer 1

,이 시도 : 당신이 양식을 통해 루핑

기본적으로

$('#addpartform :input').each(function(){ 
    if ($(this).val() == "")){ 
     $('label[for="' + $(this).attr('id') + '"]').css('color', '#fa0008'); 
    } 
}); 

, 어떤 입력이 비어있는 경우, 다음 '에 대한'로 라벨에 색상을 추가 'id'와 같은 속성.