예를 들어, 폼(form)에서 사용자 이름의 유효성을 검사하는 함수와 이메일의 유효성을 검사하는 함수를 별개로 만든 경우, 양식 제출 시에 두 개의 유효성 검사 함수를 동시에 불러오는 경우를 생각해볼 수 있습니다. 이런 경우 여러 가지 방법을 사용할 수 있습니다.
먼저 onsubmit에 다음과 같이 여러 개의 함수를 동시에 추가하는 방법이 있습니다.
onsubmit="return !!(validateName() & validateEmail());"
다음과 같이 여러 개의 함수를 하나의 다른 함수에서 호출하도록 하는 방법도 생각해볼 수 있습니다.
function validateForm(){ var validation = true; validation &= validateName(); validation &= validateEmail(); return validation; }
폼 마크업에는 다음과 같은 형식으로 validateForm() 함수를 추가합니다.
<form onsubmit="return validateForm()">
만약 form 인수를 받는 경우에는
function validateForm(form){ var validation = true; validation &= validateName(form); validation &= validateEmail(form); return validation; }
그리고 form markup에는 다음과 같이 validateForm() 함수를 추가합니다.
<form onsubmit="return validateForm(this);">
댓글 남기기