2010-07-20 5 views
1

jQuery Validate 및 xVal을 사용하여 입력 양식의 유효성을 검사합니다. 이것은 잘 작동합니다. 그러나 필수 입력란에 별표 (*) 또는 그와 비슷한 항목을 표시하여 실제로 필요한 입력란을 표시하고 싶습니다.jQuery에서 필수 필드를 표시하는 방법 Validate

나는이 작업을 수동으로 수행 할 수 있지만 이미 xVal을 사용하여 유효성 검사 규칙을 생성 했으므로 제공된 규칙에 따라 필수 필드를 자동으로 표시 할 수 있다고 생각했습니다.

xVal 또는 jQuery Validate에 연결하여 규칙을 검색하거나 필요 필드를 표시하도록 할 수 있습니까?

저는 최신 버전의 jQuery와 jQuery Validate를 사용하고 있습니다. 그것은 아마 가장 쉬운 방법입니다

감사

답변

0

는 jQuery를하고 다른 기능을 모두 통과 별도의 "규칙"변수를 확인합니다. 이 다른 함수는이를 반복하고 모든 필수 필드를 이와 같이 표시합니다.

+0

이 일할 수있는 그 도움 ,하지만 이것을 달성하기 위해 xVal을 수정하고 싶지는 않습니다. 내 편집 모델에서 유효성 검사 규칙을 생성하려면 다음 코드 줄을 사용하십시오. Html.ClientSideValidation () – Henning

3

required 클래스와 모든 요소에 "*"첨부합니다

$(document).ready(function() { 
    $('<span style="color:red;">*</span>').insertAfter('.required'); 
}); 

다음 코드를 양식 요소에 클래스 required을주고, 사용

는 희망이

+0

예, 필요한 클래스가 있지만 알고있는 한 xVal 클래스를 설정하지 않고 jQuery Validate에 직접 규칙을 제공합니다. 규칙이 메모리에 있거나 뭔가있는 것으로 생각됩니다. – Henning

+0

일부 코드를 업로드 하시겠습니까? 유효성 검사 기능이 요소에 어떻게 첨부되는지보고 싶습니다. – Starx

+0

생성 된 jQuery 유효성 검사 코드입니다 (http://gist.github.com/482877). xVal에 관해서는 http://xval.codeplex.com/에서 코드를 얻을 수 있습니다. 당신이 원한다면 나는 그것을위한 요지를 제공 할 수 있습니다. – Henning