2010-01-10 6 views
1

내 양식 중 하나에 클라이언트 측 유효성 검사를 포함해야하며 webdesign은 유효성 검사 메시지를위한 공간을 고려하지 않았습니다.유효성 검사 메시지를 표시하는 데 툴팁을 사용하는 클라이언트 측 유효성 검사 라이브러리가 있습니까?

유효하지 않은 입력 컨트롤 주위의 일부 테두리와 함께 유효성 검사 도구 설명을 사용하면 작업을 수행 할 수 있다고 생각하지만 툴팁을 사용하는 자바 스크립트 유효성 검사를 찾는 데 문제가 있습니다.

누구든지 솔루션을 추천 할 수 있습니까? ASP.NET MVC를 직접 지원하는 것이 좋지만 엄격한 요구 사항은 아니며 ASP.NET MVC에 맞게 모든 JavaScript 솔루션을 사용자 정의 할 준비가되어 있습니다.

성 밸리데이터를 사용하여 서버 측 유효성 검사를 수행하고 클라이언트 측에서 LiveValidation을 사용하는 MvcValidation (http://blog.codeville.net/2008/04/30/model-based-client-side-validation-for-aspnet-mvc/) 솔루션을 사용하고 있습니다. 이것은 훌륭하게 작동하지만 컨트롤 옆에 유효성 검사 메시지를 표시하지 않도록 사용자 정의가 필요합니다.

답변

2

jQuery Validation library은 가장 인기있는 선택 중 하나입니다. , Validation plugin options

이 거기에 몇 가지 툴킷이있는 한 가장 적합한 기반을 :

$('formName').validate({ 
    errorPlacement: function(error, element) {  
        element.attr("title",error.html()) 
         .addClass("cssClassWithBorder"); 
        } 
}); 

당신은 여기에 전체 옵션 목록에 읽을 수 있습니다 : 귀하의 질문에 대해이 같은 errorPlacement 호출되어 대체 할 수 있습니다 귀하의 질문에 xVal by Steve Sanderson 것입니다.

특수 효과, 유효성 검사 및 클라이언트/서버 유효성 검사 복제의 단순화 측면에서 ASP.Net MVC 2 is bringing a lot more to the table을 염두에 두십시오. 이것은 제공자 기반 모델이며 커뮤니티 제공자가 많이 나와야 당신이 겪고있는 것을 더 많이 제공 할 수 있습니다.

기본 구현은 주로 주석 버블 링 방식 (서버 및 클라이언트 코드의 클래스에 대해 동일한 속성 방식)에서 jQuery 유효성 검사 프레임 워크 (위와 동일)를 기반으로합니다 ... xVal 그거야. 타임 라인과 유연성을 기반으로 MVC 2를 기다리는 것이 더 나은 옵션 일 수 있습니다.

이 대답 당시, MVC 2 RC이 현재 릴리스입니다.

+0

답변을 주셔서 감사합니다. 확실히 jQuery 유효성 검사 라이브러리를 살펴 보겠습니다. 제 질문에 링크 된 접근법은 한 곳에서 지정된 모델 기반 유효성 검사를 사용합니다 - 클라이언트와 서버 측의 검증 규칙 중복이 발생하지 않습니다. – Marek

+0

아, 죄송 합니다만 명확히 말씀 드리고 싶습니다. 특히 귀하의 솔루션을 의미하는 것은 아니지만, 일반적으로 MVC 클라이언트 및 서버 유효성 검사에 들어가기위한 많은 노력이 중복되고 있습니다. 2.0 릴리스는이를 상당히 도와 줄 것입니다. –

0

귀하의 요구에 너무 무거울 수도 있지만, 아직없는 경우 extjs.com과 jquery를 살펴볼 수도 있습니다.

1

Dijit의 양식 위젯은 팝업 툴팁도 사용하며 접근 가능한 기술을 준수합니다. 예를 들어 dijit.form.ValidationTextBox의 문서를보십시오.

관련 문제