마크 업 후 자바 스크립트를 이동하거나 문서가로드 된 후 실행되는지 확인하세요. 폼이 DOM에 추가되기 전에 FF에서 코드가 실행되는 것처럼 들립니다.
또한 jQuery (이것을 권장합니다), MooTools, Prototype 등과 같은 자바 스크립트 라이브러리를 사용하여 불가피한 브라우저 간 문제를 해결하는 것을 고려할 수도 있습니다. jQuery와 유효성 검사 플러그인을 사용하면 유효성 검사에 도움이되는 CSS 클래스를 사용하여 유효성 검사 코드가 매우 간단합니다.
<script type="text/javascript" src="jquery.js" />
<script type="text/javascript">
$(function() { // run on document load
$('form').validate(); // use validation plugin to validate form
});
</script>
<form ...>
<input type="text" id="txt" name="txt" class="required" /> <!-- a required element -->
<input type="text" id="num" name="num" class="required number" /> <!-- a required, numeric element -->
...
</form>
-------------------이와 같은 문제를 테스트하려면 대화 형 자바 스크립트 콘솔을 시도해야합니다.하지만이 경우 "for ... in"형식 for
을 사용하여 요소를 반복 할 수 있습니다.
http://en.wikipedia.org/wiki/Foreach#JavaScript
그러나 아마도 비표준 인 "elements"속성 일 것이므로 양식 위젯을 객체로 검색하는 더 나은 방법을 얻으려면 DOM을 확인해야합니다.
마지막으로, 클레 인트 측 인증에주의하세요. 사용자에게 부담이되는 경우가 많으며 특별한주의를 기울이지 않으면 대부분 무의미한 인증으로 인해 다양한 브라우저 / 플랫폼에서 양식이 작동하지 않도록하는 것이 쉽습니다. 어쨌든 ( 두 경우 모두 서버 측에 입력 된 데이터의 길이를 확인 해야 하기 때문에 )
출처
https://stackoverflow.com/questions/2006025