기본 jquery-steps 오류 메시지를 무시하십시오.

Question

나는 단순한 것을 간과하고있을 것이라고 확신합니다.하지만 jQuery 기반의 텍스트 상자와 같은 잘못된 입력 항목 옆에 텍스트 오류 메시지를 표시하고 싶습니다. 단계는 유효성 검사를 형성합니다. Jquery-steps 코드베이스, here.

에서 나는이 트릭해야 읽어 봤는데 무엇을 :

<script> 
    $(function() 
    { 

/*   function errorPlacement(error, element) 
     { 
      element.before(error); 
     }*/ 

     $("#form").validate({ 
      rules: { 
       zip: { 
        required: true, 
        digits:true, 
        maxlength:5, 
        minlength:5 
        }, 
       messages: { 
        zip: "entr da zip dode" 
        } 
      } 
     }); 

     $("#wizard").steps({ 
      headerTag: "h3", 
      bodyTag: "section", 
      transitionEffect: "slideLeft", 
      onStepChanging: function (event, currentIndex, newIndex) 
      { 
       // Allways allow step back to the previous step even if the current step is not valid! 
       if (currentIndex > newIndex) 
       { 
        return true; 
       } 

       $("#form").validate().settings.ignore = ":disabled,:hidden"; 
       return $("#form").valid(); 

      }, 
      onFinishing: function (event, currentIndex) 
      { 
       $("#form").validate().settings.ignore = ":disabled"; 
       return $("#form").valid(); 
      }, 
      onFinished: function (event, currentIndex) 
      { 
       alert("Thank you! Your request has been sumbitted."); 
      } 
     }); 
    }); 

    //PHONE NUMBER MASKING FUNCTION  
    jQuery(function($){ 
     $("#phone").mask("999-999-9999",{placeholder:" "}); 
    }); 

을하지만, 검증은 단순히이를 무시하고 단지 '클래스 = "오류"'잘못된 항목을 추가하지만 메시지를 표시하기 위해 레이블이나 div (기타)를 추가하지 마십시오.

무엇을 놓쳤습니까?

Answer 1

규칙과 메시지를 별도의 두 개체로 설정하십시오. 대신 다음을 시도해보십시오 (최소/최대 메시지의 주석 처리를 해제하여 작동 방식을 확인할 수 있음).