HTML5 - 양식 입력 검사

Question

이 입력 확인 예제를 이해하려고하는데 작동하지 않는 것 같습니다. jsfiddle에서 당신이 onLoad 내부 코드를 가지고

js fiddle

HTML

<label>Email:</label> 
<input type="email" id="email_addr" name="email_addr"> 

<label>Repeat Email Address:</label> 
<input type="email" id="email_addr_repeat" name="email_addr_repeat" oninput="check(this)"> 

JS

function check(input) { 
if (input.value != document.getElementById('email_addr').value) { 
input.setCustomValidity('The two email addresses must match.'); 
    } else { 
    // input is valid -- reset the error message 
    input.setCustomValidity(''); 
} 
} 

Answer 1

귀하의 문제 : 두 개의 서로 다른 이메일 입력 오류 님에게 메일을 트리거하지 않습니다 이벤트 핸들러.

(단지 onload 핸들러 범위 내부에 존재하는 ) 당신의 check 함수가 인라인 요소에서 액세스 할 수없는이 방법은 속성

.. 내가 당신의 코드를 삽입 한 경우

http://jsfiddle.net/gaby/LLS8W/1/ (에서 데모 작업을 참조하십시오 head 왼쪽의 jsfiddle .. 옵션을 참조하십시오.)