개발 환경에 따른 다양한 submit 활용하기

유효성 체크후 submit

form 문의 submit 클릭시 폼내용 책크 후 보내기

function checkForm(){
  var f=document.form1;
  if(f.name.value == ''){
    alert('성함을 입력해주세요');
    f.name.focus();
    return false;
  } else if(f.tel1.value == ''){
    alert('연락처를 입력하세요');
    f.tel1.focus();
    return false;
  }
  return true;
}

<form name="form1" action="" onsubmit='return checkForm();'>
  <input type="submit" name="submit">
</form>

submit 시 특정 인자값 변경

submit시 특정 인자값을 세팅 후 전송

function exam(f, val){
  f.condition.value = val;
  f.submit();
}

 <form action="form1" name="Calendar} method="post">
  <input type="hidden" name="condition" value="">
 </form>
<a href="javascript:exam(document.form1, 'val1')">val1 전송</a>
<a href="javascript:exam(document.form1, 'val2')">val2  전송</a>

팝업으로 인자값 전송

새로운 window open 후 현재 폼의 값 보내기

var win1 = window.open([팝업 Url], "windowName","width=400,height=600")
var f = document.form1;
f.target = "windowName";
f.submit();
win1.focus();