jQuery Validate() 특수 함수

Question

일부 양식에는 jQuery validate() 플러그인이 사용됩니다. 유일한 것은 입력 필드에 특수한 유효성 검사 프로세스가 필요하다는 것입니다. 다음과 같습니다 :

모든 필수 필드에 대해 jQuery 유효성 검사 플러그인이 domready에서 호출됩니다. 여기

은 입력에 대한 예입니다

<li> 
    <label for="nome">Nome completo*</label> 
    <input name="nome" type="text" id="nome" class="required"/> 
</li> 

을 그리고 여기에 내가 전화하는 방법 나의 특별한 기능입니다 :

<li> 
    <span id="sprytextfield1"> 
     <label for="cpf">CPF* (xxxxxxxxxxx)</label> 
     <input name="cpf" type="text" id="cpf" maxlength="15" class="required" /> 
     <span class="textfieldInvalidFormatMsg">CPF Inv&aacute;lido.</span> 
    </span> 
</li> 

그리고 파일의 맨 아래에 나는 활발한 함수를 호출 :

<script type="text/javascript"> 
    <!-- 
     var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1","cpf"); 
    //--> 
</script> 

물론 헤드 섹션의 Spry CSS 및 JavaScript 파일뿐만 아니라 special-validate.js.

jQuery validate() 플러그인을 사용하고 보내기 버튼을 클릭하면 페이지가 자동으로 첫 번째 입력란으로 자동 이동하고 오류 유형 (숫자가 아닌 유효한 이메일 등이 아닌)이 표시됩니다.

그러나이 새로운 기능을 사용하면 validate() 함수에서 모든 기능이 우수하기 때문에이 "처음으로 돌아가는"기능이 작동하지 않습니다.

는 이미 또 다른 형태에 대한 규칙을 추가 (사진 업로드에 대한)과는 다음과 같이 진행됩니다

이제

$("#commentForm").validate({ 
    rules: { 
     foto34: { 
      required: true, 
      accept: "jpg|png|gif" 
     } 
    } 
}); 

내 질문에, 나는 전체 검증 원칙적으로 특별한 검증 기능을 추가하는 방법 방법?

더 잘 이해할 수있는 페이지는 link text이며 첫 번째 필드는 CPF입니다.

나는 내 문제를 분명히 설명하기를 바랍니다.

Answer 1

방금 ​​해결책을 찾았을 때 내 자신의 질문에 답해 보겠습니다. 난 그냥이 같은 DOM 준비를 열기 전에 내 CPF 번호 (브라질 ID 번호)를 확인하기 위해 자바 스크립트 기능을 추가 :

jQuery.validator.addMethod(
    "cpf", 
    function (valor){ 
     ... 
    }, 
    "CPF inválido" 
); 

을하고 여기에 준비가 내 DOM을 간다 :

$(document).ready(function(){ 
    $("#commentForm").validate({ 
     rules: { 
      campocpf: { 
       required:true, 
       cpf:true 
      }, 
     } 
    }); 
}); 

만약 그렇다면 일부 브라질 인에게 관심이 있습니다. CPF 유효성 검사 (내 번호로 확인, 작동)를 수행하는 전체 기능을 보여줄 수 있습니다. CNPJ 번호 (회사의 브라질 번호)에 대한 또 다른 번호가 있습니다.