[JQUERY] JQuery와 양식에 방지 페이지로드는 없음 표시 버튼으로 제출

JQuery와 양식에 방지 페이지로드는 없음 표시 버튼으로 제출

해결법

1. ---

   1.난 당신이 AJAX를 찾고 생각합니다. AJAX는 백 엔드 PHP 파일 형태로 데이터를 보낼 수 있습니다 (즉, 수 다음 DB에 데이터 및 / 또는 얻을 DB에서 데이터 삽입) 페이지를 다시로드하지 않고.

   난 당신이 AJAX를 찾고 생각합니다. AJAX는 백 엔드 PHP 파일 형태로 데이터를 보낼 수 있습니다 (즉, 수 다음 DB에 데이터 및 / 또는 얻을 DB에서 데이터 삽입) 페이지를 다시로드하지 않고.

   당신이 <형식>을 사용하고 있기 때문에 페이지가 다시로드됩니다. 제출 버튼을 누르면, 항상 페이지를 새로 고침 양식을 제출합니다. 당신이 AJAX를 사용하는 경우, 당신은 정상적으로에와 캐리 (선택적으로 응답을받을 수), 데이터를 보낼 수 있습니다.

   간단한 된 DIV가 잘 작동 - 당신이 AJAX를 사용하는 경우 사실, 당신은 심지어

   구조를 사용할 필요가 없습니다. 그럼 당신은 억제하기 위해 사용에서는 event.preventDefault () 할 필요가 없습니다 내장 된 형태로 새로 고침.

   이 게시물 특히 그 예를 확인하십시오. 자신의 시스템에 복사 한 후, 작동 방법을 참조하십시오. 그것은 꽤 간단합니다.

   또한,이 유형에서 버튼의 유형을 제출 변경 = "제출"을 입력 = "버튼"을

   사용자 프레스 입력 필드에 입력 할 때 감지 한 후 제출 버튼을 클릭하고이 시도 :

   $(function(){
       $('#user-response').keyup(function(){
           var keycode = (e.keyCode ? e.keyCode : e.which);
           if(keycode == '27'){ $('form').fadeOut();}
           if(keycode == '13'){ 
               $('#user_submit').click();
           }
       });
   });
   

2. ---

   2.먼저 (예 : myForm을)를 ID를 양식 태그를 제공처럼 당신이 제출 버튼이 필요가없는 등의 경우, 단지 사용하는 형태의이 방법을 제출

   먼저 (예 : myForm을)를 ID를 양식 태그를 제공처럼 당신이 제출 버튼이 필요가없는 등의 경우, 단지 사용하는 형태의이 방법을 제출

   <div id="bot">
     <form id="myForm">
       <input id="user-response" type="text" placeholder="" autocomplete="off" autofocus />
       <button id="user-submit" type="submit" style="display: none !important;">Send</button>
     </form>
   </div>
   

   다음 양식을 사용 제출

   document.getElementById("myForm").submit();
   

   당신이 당신이 텍스트 상자에 입력 누를 때 발생하려면 다음과 같이 사용할

   $('#user-response').on('keypress', function(event){
      if (event.which === 13 || event.keyCode === 13) {
         document.getElementById("myForm").submit();
      }
   });
   

from https://stackoverflow.com/questions/36025289/prevent-page-load-on-jquery-form-submit-with-none-display-button by cc-by-sa and MIT license