form태그에서 button태그

form태그안에서 button이 있으면 기본적으로 submit을 하게 된다

<form id="form_code">
    <input type="text" id="a" name="a">
    <input type="text" id="b" name="b">
    <input type="text" id="c" name="c">
    <button onclick="javascript:submit()">버튼</button>
</form>
<script>
function submit(){
    var a = $("#a").val();
    var b = $("#b").val();
    var c = $("#c").val();

    if(a == ''){
        alert('a를 입력하세요');
        return;
    }
    if(b == ''){
        alert('b를 입력하세요');
        return;
    }
    if(c == ''){
        alert('c를 입력하세요');
        return;
    }
    //이후 제출 코드
}
</script>

예를들어 위의 코드처럼 짜여있다면

a,b,c값이 없을때 끝나는게 아니라 submit이 되면서 a,b,c값들이 get으로 넘어가게 된다

form안에서 button은 기본적으로 타입이 submit이기 때문에

type을 지정해줘야한다

ex)

<form id="form_code">
    <input type="text" id="a" name="a">
    <input type="text" id="b" name="b">
    <input type="text" id="c" name="c">
    <button type="button" onclick="javascript:submit()">버튼</button>
</form>