javascript html 폼의 submit 전송을 자바스크립트로 구현하는 방법

javascript html 폼의 submit 전송을 자바스크립트로 구현하는 방법

 

자바스크립트의 한계는 어디까지일까? 단지 아쉬운 것은 클라이언트 언어라서 서버를 직접 컨트롤하기 힘들고, 무엇보다도 폼으로 받은 자료의 처리가 php에 비해서 다루기가 너무 힘듭니다. 웹하면서 맨붕오는 경우가 이럴때 인데요,

하루에 한개라도 배울 수 있는 자바스크립트 너무 좋네요. 엑티브한 웹페이지를 만들려면 반드시 알아야 하는 멋진 언어가 아닌가 합니다.

html, php로 작성한 폼의 submit을 자바 스크립트로 전송하는 방법은 실제 프로그램 구현하면서 해봤어요.

위의 금일, 당월, 당해년도를 클릭하면 검색버튼이 자동으로 눌려서 자료가 나오는 것을 구현해 보려고 했습니다.

당연히 검색 버튼은 form의 submit으로 넘어가서 php로 자료를 불러오는 형태인데요,

자바스크립트의 문장 정말 간단했어요.

일단 form의 이름은

<form name="board_form" id="board_form"  method="post" action="list.php?mode=search&search=<?=$search?>&find=

반드시 id와 name이 같을 필요는 없는데 그게 편해서 같이 정합니다.^^

borad_form이란 id를 가지고 자바스크립트로 처리하면 끝입니다. 

function this_today(){   // 금일
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0! 항상 1을 더해야 해당월을 구한다
var yyyy = today.getFullYear();

if(dd<10) {
    dd='0'+dd;
} 

if(mm<10) {
    mm='0'+mm;
} 

frompreyear = yyyy+'-'+mm+'-'+dd;
topreyear = yyyy+'-'+mm+'-'+dd;

    document.getElementById("fromdate").value = frompreyear;
    document.getElementById("todate").value = topreyear;
	
document.getElementById('board_form').submit();  // form의 검색버튼 누른 효과 
} 

마지막에 나온 문장 

.submit();

요것으로 실행에 대한 내용을 바로 처리가 되네요~

멋진 자바스크립트로 하루하루 즐겁게 보내고 있어요. 무한한 기능들 코딩의 세상이 참 힘들지만 즐겁습니다.