2011-02-28 9 views
28

전자 메일 필드와 확인 전자 메일 필드가 있습니다. 그들의 가치가 일치하는지 확인하기 위해 두 가지를 모두 검증해야합니다.jQuery 유효성 검사 플러그인으로 두 필드 일치

두 필드를 일치시키는 규칙을 추가하는 방법이 있습니까?

$('#myform').validate({ 
    rules: { 
     email: 'required', 
     emailConfirm: { 
      equalTo: '#email' 
     } 
    } 
}); 
+1

http://stackoverflow.com/questions/931687/using-jquery-validate-plugin-to-validate-multiple-form-fields-with-identical을 사용할 수 있습니다 -name – Zirak

답변

64

당신은 equalTo 방법을 사용할 수 있습니다 사용할 수있는 최신 버전으로

class="required email" equalTo='#email' 
+0

이 메시지를 추가하는 방법을 알려주시겠습니까? –

+1

물론,'messages' 속성을 사용하십시오. 나는 모든 필요한 세부 사항을 포함하고있는 jquery validate plugin의 문서를 읽는 것을 강력하게 제안한다. http://jqueryvalidation.org/documentation/ –

+0

@sreemanthpulagam 그래, http://stackoverflow.com/questions/6777634/jquery- validation-plugin-custom-message – crmpicco

23

당신은 또한 두 번째 필드에이 작업을 수행 할 수 있습니다 :

+0

Jquery가 필요합니까? – MaxwellLynn

+2

예. 네, 그렇습니다. – Jazzy

2

data-rule-equalto

<label>Email Address</label> 
<input type="email" name="register_email1" value="" required="required" data-msg-required="Please your email address" /> 

<label>Re-Enter Email Address</label> 
<input type="email" name="register_email2" value="" required="required" data-rule-equalto="input[name=register_email1]" data-msg-required="Please confirm your email address" data-msg-equalto="Email addresses do not match" /> 
데이터를-속성

자세한 정보 : https://stackoverflow.com/a/15977785/560287

,
+0

이 하나의 일을 끝내기 위해 작동합니다. 그러나 대답이 아닙니다. 당신이 이것을 코멘트로 추가 할 수 있다면 좋겠다. – Eranda

1

U이

email: { 
     required: true, email: true 
     }, 
c_email: { 
       required: true, equalTo: "#email", minlength: 5 
      }, 

<div class="form-row"><span class="label">email</span><input type="email" name="email" class="required" id="email" /></div> 

<div class="form-row"><span class="label">Confirm email</span><input type="email" name="c_email" id="c_email" /></div> 
관련 문제