HTML 양식을 제출하지 않도록 합니다.

HTML 양식을 제출하지 않도록 합니다.

HTML 폼은 제출 후 아무것도 하지 않았으면 합니다.

action=""

페이지가 새로고침되기 때문에 좋지 않습니다.

기본적으로 Ajax 기능은 버튼을 누르거나 데이터 입력 후 누군가 누를 때마다 호출했으면 합니다.네, 폼태그를 드롭하고 버튼 클릭 이벤트에서 호출 기능만 추가할 수 있지만, 해킹하지 않고 "히팅 엔터" 기능도 원합니다.

사용방법return false;[ Submit ]버튼에서 호출한 JavaScript 코드에서 폼의 제출을 정지할 수 있습니다.

기본적으로 다음 HTML이 필요합니다.

<form onsubmit="myFunction(); return false;">
    <input type="submit" value="Submit">
</form>

다음으로 지원되는 JavaScript 코드:

<script language="javascript"><!--
    function myFunction() {
        // Do stuff
    }
//--></script>

필요에 따라서, 특정의 조건에 따라서, 스크립트가 폼을 송신할 수 있도록 할 수도 있습니다.

<form onSubmit="return myFunction();">
    <input type="submit" value="Submit">
</form>

페어링 대상:

<script language="JavaScript"><!--
    function myFunction() {
        // Do stuff
        if (condition)
            return true;

        return false;
    }
//--></script>

<form id="my_form" onsubmit="return false;">

충분해...

또, 다음과 같이 동작합니다.

<form id='my_form' action="javascript:myFunction(); return false;">

<form onsubmit="return false;">

어때.

<form id="my_form" onsubmit="the_ajax_call_function(); return false;">
 ......
</form>

다음 HTML을 사용할 수 있습니다.

<form onSubmit="myFunction(); return false;">
  <input type="submit" value="Submit">
</form>

jQuery를 사용합니다.폼의 요소 주위에 점을 찍거나다음으로 prevent Default()를 사용하여 Ajax 콜을 발신합니다.

용도:

<form action='javascript:functionWithAjax("search");'>
  <input class="keyword" id="keyword" name="keyword" placeholder="input your keywords" type="search">
  <i class="iconfont icon-icon" onclick="functionWithAjax("search");"></i>
</form>

<script type="text/javascript">
  function functionWithAjax(type) {
    // Ajax action

    return false;
  }
</script>

'return false'가 효과가 없는 경우

그냥 지나가려고 하다event에게form의onsubmit(액션이 아닙니다!)

간단하게 덧붙입니다.event.preventDefault()그 기능에서.

html의 'action'은 그대로 둡니다.추가 정보: action="subscript:etc(이벤트)"는 테스트에서 작동하지 않았습니다.

버튼 클릭 이벤트의 일부로 false를 반환하면 양식 제출이 중지됩니다.

예:

function doFormStuff() {
    // Ajax function body here
    return false;
}

송신 버튼을 클릭하면, 그 기능을 호출합니다.여러 가지 방법이 있다.

preventDefault를 사용하여 폼의 기본 제출 동작이 실행되지 않도록 할 수 있습니다.

form.addEventListener('submit', myHandler);


function myHandler(event) {
  event.preventDefault();

}

'action='을 'onsubmit='return false'로 대체하십시오.바로 그겁니다.

언급URL : https://stackoverflow.com/questions/3384960/want-html-form-submit-to-do-nothing