2011-09-21 3 views
0

저는 MVC3에 새로 추가되었지만 이미 사용자 정의 유효성 검사 및 클라이언트 - 서버 처리 방법을 배우고 있습니다. 그러나 클라이언트 측의 유효성 검사에 jquery-validate를 사용하는 대신 jquery-validation engine이라는 다른 플러그인을 사용하려고한다면 어떻게됩니까? 시작하는 방법?mvc3과 jquery 유효성 검증 엔진을 통합합니다

<appSettings> 
    ... 
    <add key="ClientValidationEnabled" value="false"/> 
</appSettings> 

을하고 페이지에서 jquery.validate.jsjquery.validate-unobtrusive.js 스크립트에 대한 모든 참조를 제거 :

답변

1

그럼 당신은 눈에 거슬리지 검증을 해제하여 시작합니다. 그런 다음 사용하려는 플러그인 documentation을 읽고 some of the demos을 시도해보고 플러그인을 다운로드하고 필요한 스크립트를 페이지로 가져 오면 양식 요소에 연결하기 시작합니다. 기적을 기대하지 마십시오. 사용자가 직접 코드를 작성하지 않으면 클라이언트의 데이터 주석에 의해 정의 된 서버 측 유효성 검사 규칙을 복제 할 수있는 것이 없습니다. 당신이 당신의 Web.config에 trueClientValidationEnabled 매개 변수를 유지하는 경우

있지만 Html 헬퍼는 HTML-5 데이터 - * 당신이 (동적 서버 유효성 검사 규칙에 따라 클라이언트 유효성 검사 규칙을 정의하는 데 사용할 수 있다는 특성을 방출 계속됩니다 같은 방식으로 jquery.validate-unobtrusive.js). 그래서 자신의 jquery.validation-engine-unobtrusive.js 파일을 작성할 수 있습니다.

0

js/css 파일을 모두 다운로드하고 추가하십시오. 우리가 가진 것은 jquery.validationEngine-en.js라는 파일로, 유효성 검사를위한 규칙을 포함하고 있습니다. 예 :

필요한 경우 필수 필드에 대한 유효성 검사가 실패 할 경우 툴팁에 팝업 텍스트가 표시됩니다. 아래 함수는 제출이 진행되기 전에 확인 상자가 선택되었는지 확인하는 사용자 정의 유효성 검사 함수입니다. 당신이 Pieter's blog에서 JQuery와 유효성 검사 엔진을 살펴 그가 HTML 구현있어 사용하려는 경우

<input type="checkbox" class="validate[required,custom[confirmInput]]" /> 

또는 그

1

같은 것을 :

당신과 같이 요소에 클래스를 추가하여 이러한 사용 jquery-validation 엔진으로 mvc에서 데이터 어노테이션을 사용하는 Helper Extension 메소드.

관련 문제