Jquery 폼 유효성 검사가 제대로 작동하지 않습니까? 더 좋은 방법일까요?

Question

다음 링크를 살펴보면 필요한 다양한 필드가있는 간단한 양식을 볼 수 있습니다. 제출 전에 항목을 확인하기위한 작은 스크립트를 작성했습니다. 일반적으로 난수는 PHP를 사용하여 생성되지만 예제에서는 수동으로 추가했습니다.

해결책이 제대로 작동하는 것처럼 보이지만 하나의 입력이 완료되면 오류가 사라지는 것을 선호합니다. 현재는 일종의 입력이 필요한 표준 입력에 대해서는 작동하지만 입력에 유효한 이메일이나 합계가 필요한 경우에는 작동하지 않습니다. 올바른 전자 메일을 입력했지만 확인 질문을 입력하지 않으면 전자 메일 필드에 오류가 계속 표시됩니다.

http://jsfiddle.net/marcsanders/xgZeV/

어떤 도움이 많이 감사합니다!

Answer 1

는 다음을 시도해보십시오

$('input.required').change(function() { 
$(this).parent('div').removeClass('error'); 
}); 

Updated jsFiddle here.

은 또한 오히려 자바 스크립트를 사용하는 것보다, 필요한 요소에 HTML5 required 속성을 사용하여 고려할 수 있습니다.

Answer 2

모든 필수 입력에 "keydown"이벤트를 추가하고 입력에 연결된 경우 "오류"클래스를 제거 할 수 있습니다.