여러 개의 onsubmit 함수 적용하기(javascript)

예를 들어, 폼(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);">



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.