[HTML] form태그 onSubmit, 특정 조건시 submit 보내고 싶지 않을 때!
공부를 하던 중 특정 조건에서 `submit` 을 보내지 않고 그대로 머물게 하고 싶었다 혹은 다른 이벤트를 주거나
onsubmit
form이 submit되는 걸 막을 수 있다
onsubmit이 true일 경우 form을 전송하고 false일 경우 전송하지 않는다.
onsubmit
을 통해 특정 조건일 때 form을 전송할지 말지 결정할 수 있다
<script type="text/javascript">
function noTextField(){
if(document.getElementById('code').value){
return true;
}else{
alert("제품코드가 입력되지 않았습니다!!");
return false;
}
}
</script>
<form action='Main.jsp' method='Get' onsubmit="return noTextField()">
<input type="text" id='code'></input>
<input type="submit" value='확인'></input>
</form>
'HTML' 카테고리의 다른 글
[HTML] 속성 id, name, class 차이점 (0) | 2024.12.02 |
---|---|
[HTML]하나의 form태그에서 여러 개의 submit 보내기 (0) | 2024.11.26 |
[HTML] form 태그 안에 여러 개의 button이 존재할 때! (0) | 2024.11.26 |