2009-10-27 5 views
0

이것은 간단한 질문이 될 수도 있지만 난 그냥 텍스트 상자가 난 그냥 필요 "의 CSS 클래스를 추가 할 수있는 필수 필드하려면이 최대가 너무 친절 :)JQuery 유효성 검사 - 여러 필드에 대한 단일 규칙?

JQuery와 유효성 검사를 사용하시기 바랍니다 따기 해요 "요소에 전달되고 유효성 검사를 통해 선택됩니다.

좀 더 복잡한 규칙을 원한다면. 최소 길이가 필요합니다. 사용자 정의 CSS 클래스 이름을 규칙의 키로 사용할 수 있습니까? 아니면 최소 길이를 입력 할 각 텍스트 상자에 대해 별도의 규칙을 작성해야합니까? 설명서는 사용자 지정 규칙의 키가 요소의 Name 특성임을 나타냅니다. 사전에

감사합니다, 닉

편집 : 나는 규칙 다음 addind 클래스와 같은 요소에 규칙 이름을 추가 시도했지만 그것이 완전히 무시

.

<label>Widget Title:<span class="errorLabel"></span><br /> 
    <%=Html.TextBox("WidgetTitle", _ 
        Model.WidgetTitle, _ 
        New With {.class = "param minLength3", _ 
          .style = "width:100%;", _ 
          .maxlength = "50"})%> 
</label> 

답변

1

그냥 여러 클래스 이름을 사용합니다 : 내 HTML에서

$("#popupWindow #frmWidgetUpdate").validate({ 
    rules: { 
     minLength3: { 
     required: true, 
     minlength: 3 
     } 
    }, 
    errorClass: "field-validation-error", 
    highlight: function(element, errorClass) { 
     $(element).addClass("input-validation-error"); 
    }, 
    unhighlight: function(element, errorClass) { 
     $(element).removeClass("input-validation-error"); 
    }, 
    errorPlacement: function(error, element) { 
     error.appendTo(element.parent().find(".errorLabel")); 
    } 
    }); 

: 내 스크립트에서

완전히 무시하는거야 나는 분명이 잘못된 일을 해요

<input class="required numeric mySpecialRule" ... 
+0

내 규칙 : ( – Nick

+1

더 간단한 것으로 시작하십시오. 작동 시키십시오. * 다음에 복잡하게 만드십시오. :) –

관련 문제