jQuery 유효성 검사, 입력 유형에 따른 다른 오류 메시지

Question

jQuery 유효성 검사 Plugin의 기본 오류 메시지를 변경해야합니다. 나는 이것을 달성하는 방법을 here에서 배웠으며,이 방법은 훌륭합니다. 그러나 좀 더 customazation이 필요합니다. 입력 필드 유형에 따라 다른 오류 메시지를 설정할 수 있습니까? I가 의미 :

<input type="text" required> 

기본 오류 massege가 있어야한다 "이 분야 필링이 필요합니다." 및에 대한

<input type="file" required> 

기본 오류 massege는 "첨부 문서가 필요합니다"합니다.

$('form').validate({     
    messages: { 
     FieldName: { required: "Attaching document is required" } 
    } 
}); 

문제는, 폼이 정말 큰 것을, 그래서 별도의 오류 메시지가 좋은 해결책이되지 않을 것 쓰고 생각 : 은 내가 이런 분야에 대해 개별적으로 오류 메시지를 설정할 수 있다는 것을 알고.

이

<input type="text" name="textfield" required> 
<input type="file" name="filefield" required> 

다음 확인 메시지가 될 것입니다 :

var validator = $("form").validate({ 
rules: { 
    textfield: "required", 
    filefield: "required", 
}, 
messages: { 
    textfield: "Filling this field is required", 
    textfield: "Attaching document is required", 
} 
} 

Answer 1

당신에게

Answer 2

은 2 개 필드가 각 입력 필드에 다른 이름을 지정하고 이름

가정에 대해 개별적으로 유효성 검사 규칙을 만들 .rules('add') 메서드를 jQuery .each()과 결합하여을 기반으로 오류 메시지를 전역 적으로 변경합니다..

$('input[type="text"]').each(function() { 
    $(this).rules('add', { 
     messages: { 
      required: "this TEXT field is required" 
     } 
    }) 
}); 

$('input[type="file"]').each(function() { 
    $(this).rules('add', { 
     messages: { 
      required: "this FILE upload field is required" 
     } 
    }) 
}); 

DEMO : jsfiddle.net/cftesLwd/

내 데모 당신이 규칙 자체를 선언하기 위해이 방법을 사용하지 않는 곳의 경우에도 메시지를 변경하려면이 방법을 사용할 수 있음을 보여줍니다. 메시지는 required 속성을 포함하는 필드에만 표시됩니다. 그렇지 않으면 인라인 required 특성이없는 경우에도 you can also easily declare the required rule for all inputs of these types입니다.