클라이언트 측에서 양식 검증

이 마지막 방법은 객체를 사용하여 항상 현재 객체를 가리 킵니다. 이로 인해 코드가 더 휴대가 가능하고 타이핑 시간을 절약 할 수 있습니다.
• 지금 방문객의 삶을 더 쉽게 만드는 방법? 오류를 유발하는 필드에 중점을 두지 말고 스스로 찾아 보자.
• 이러한 변경 사항을 사용하면 브라우저는 잘못된 필드를 채우는 데 중점을두고 방문자의 텍스트를 선택합니다. 스크롤이 필요한 경우 자동으로 발생합니다.
좋아, 이것은 훌륭하지만, 각 필드에 너무 많은 코드가 있다고 생각하십니까? 페이지에서 많은 타이핑 및 다운로드 시간을 절약 할 수있는 간단한 기능 라이브러리를 만들면 어떻게됩니까? 다음으로 우리는이 작업을 수행 할 것입니다. 우리는 검증 코드를 더 짧게 만들기 위해 기본 기능을 정의 할 것입니다.

<code><br>
function validateMyForm() { <br>
if (parseInt(document.forms[0].phone.value)  <br>
        != document.forms[0].phone.value) { <br>
alert('请输入电话号码，仅限数字'); <br>
return false; <br>
} <br>
 <br>
return true; <br>
} <br>
<br><br></code>

onsubmit = "return validAteNumber (this.phone, '전화 번호를 입력하십시오', 5, 10); "& gt; 이렇게 부르십시오. 전화 번호가 숫자이고 5 자리보다 길고 10 자리 미만인지 확인합니다. 매개 변수로 전화 객체를 전달하는 방법에 주목하십시오.이를 통해 필드의 값을 전달하는 대신 헬퍼 기능을 통해 집중할 수 있습니다. 숫자를 확인하는 또 다른 방법은 숫자를 주어진 범위 내에 있도록 요구하는 것입니다. 기능이 그러한 유효성 검사를 수행하려면 확인 라인을 다음과 같이 변경하십시오.

<code>function validateMyForm() { <br>
if (parseInt(document.forms.myForm.phone.value)  <br>
        != document.forms.myForm.phone.value) { <br><br></code>

<code>function validateMyForm(form) { <br>
if (parseInt(form.phone.value) != form.phone.value) { <br><br></code>

<code>function validateMyForm(form) { <br>
if (parseInt(form.phone.value) != form.phone.value) { <br>
alert('请输入电话号码，仅限数字'); <br>
form.phone.focus(); <br>
form.phone.select(); <br>
return false; <br>
}</code>