function validateForm(me) { var target = document.getElementById("target"); var memID = document.forms[0].memID.value; if (memID.length < 4) { // 에러에 대한 적절한 처리 target.setAttribute('class', 'error'); target.innerHTML = "아이디는 4자 이상이어야 합니다."; return false; // false 를 반환하면 form 전송을 하지 않음 } // 예제이므로 전송내용 출력을 시뮬레이션함 target.setAttribute('class', 'good'); target.innerHTML = "아이디 : " + memID; return false; // 예제 이므로 전송안되게 함 }
<form onsubmit="return validateForm();"> <input type="text" name="memID" placeholder="아이디"> <input type="submit" value="전송"> </form> <div id="target"></div>