2012-07-16 4 views
1

나는 아주 명확한 것이 빠졌지 만 필요한 조건으로 텍스트 상자 중 하나를 확인하려고하는데 Jquery 유효성 검사기를 사용하고 있습니다. 내 코드는 다음과 같습니다Jquery 유효성 검사기가 작동하지 않는 것 같습니다.

var validator = $("#ForgotPassword").validate({ 
       rules: { 
        EmailAddress: { required: true } 
       }, 
       messages: { 
        EmailAddress: { 
         required: "Email address is required." 
        } 
       } 
      }); 

내 돔 아래에 뭔가 같다 :

<form id = "ForgotPassword" class="ui-helper-hidden" title="Forgot Password" action="" method="GET"> 
       <p>Please enter the email address you registered with. We’ll send you an email with a password reset link.</p> 
       <div class="inputwrapper _100"> 
        <label for="Email">Email</label> 
        <input type="text" id="EmailAddress" name="Email" data-bind ="value : ForgotPasswordEmailAddress"/> 
        <span id="EmailAddress_Error" class="ui-helper-hidden errorMessage" ></span> 
       </div> 
      </form> 

을하지만 실행 시간에 내 검증 객체에 시계를 넣을 때, 내가 어떤 오류가 표시되지 않습니다. 내가 잘못된 장소를 보거나 제 바인딩이 옳지 않기 때문입니까?

그것이 원인 :)

<form id = "ForgotPassword" class="ui-helper-hidden" title="Forgot Password" action="" method="GET"> 
       <p>Please enter the email address you registered with. We’ll send you an email with a password reset link.</p> 
       <div class="inputwrapper _100"> 
        <label for="Email">Email</label> 
        <input type="text" id="EmailAddress" name="EmailAddress" class="EmailAddress" data-bind ="value : ForgotPasswordEmailAddress"/> 
        <span id="EmailAddress_Error" class="ui-helper-hidden errorMessage" ></span> 
       </div> 
      </form> 

답변

2

유효성 검사 코드의하십시오 또는 붙여 넣기 나머지 시도 문제는 규칙과 메시지의 이름에 있다고 생각합니다. Email을 규칙으로 사용하고 메시지가 EmailAddress이 아니므로 컨트롤의 이름 특성이

+0

변경된 이름을 EmailAddress로 시도했지만 내 유효성 검사기 개체는 같아 보입니다 ... 내 유효성 검사가 내 errorList 속성보다 실패한 경우 비어있는 것이 아니라 올바른 가치를 지니고 있는가? – TeaLeave

+1

Hiya @Californicated 여기 ** 데모 ** http://jsfiddle.net/qw87Q/ * 특별하게 *': P' 당신이 이것을 비교함으로써 잘못하고있는 것을 볼 수 있습니다 - 또한이 데모에는 체크가 포함되어 있지 않습니다 하나의 texbox에 여러 이메일을 입력 할 수 있습니다. –

+0

@Tats_innits : 필자의 Fiddler 코드에서 validator 오브젝트가 내 기능처럼 보이지만, 내 함수가 작동하도록하기 위해,'f (! $ ("# ForgotPassword ") .valid()) return;'그러나 당신은 valid() 함수를 호출하지 않고 작동합니다 .. 메시지를 표시합니다 .. 마법이 어디에 있는지 놓치고 있습니다 ... – TeaLeave

0

도움이 희망이 경우에 EmailAddress - 당신이 이름을 가질 필요가 검증을위한

이 플러그인 :

+0

이름이 Email이 아닌 EmailAddress로 변경되었으므로 ID와 이름 모두 같은 값을 가지지 않지만 내 유효성 검사기는 같은 것처럼 보입니다 .... – TeaLeave

관련 문제