[JQUERY] 나는 양식을 제출하지 않는 <버튼>을 만들 수 있습니까?

나는 양식을 제출하지 않는 <버튼>을 만들 수 있습니까?

해결법

1. ---

   1.버튼 요소의 type 속성의 기본값은 "제출"입니다. 양식을 제출하지 않는 버튼을 생성 = "버튼"을 입력로 설정합니다.

   버튼 요소의 type 속성의 기본값은 "제출"입니다. 양식을 제출하지 않는 버튼을 생성 = "버튼"을 입력로 설정합니다.

   <button type="button">Submit</button>
   

   HTML 표준의 말로는 "아무것도 실행하지 않습니다."

2. ---

   2.버튼 요소 제출의 기본 유형이 있습니다.

   버튼 요소 제출의 기본 유형이 있습니다.

   당신은 버튼의 유형을 설정하여 아무것도 할 수 있습니다 :

   <button type="button">Cancel changes</button>
   

3. ---

   3.그냥 좋은 오래된 HTML을 사용 :

   그냥 좋은 오래된 HTML을 사용 :

   <input type="button" value="Submit" />
   

   당신이 그렇게 원하는 경우, 링크의 주제로 랩 :

   <a href="http://somewhere.com"><input type="button" value="Submit" /></a>
   

   또는 당신은 당신이 다른 기능을 제공하는 자바 스크립트로 결정한 경우 :

   <input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>
   

4. ---

   4.

   <form onsubmit="return false;">
      ...
   </form>
   

5. ---

   5.솔직히, 나는 다른 답변을 좋아합니다. 쉽고 JS에 들어갈 필요가 없습니다. 그러나 나는 당신이 jQuery를에 대해 질문 한 것으로 나타났습니다. 그래서 완전성을 위해, jQuery를 당신이 .click () 핸들러와 false를 반환하는 경우, 그것은 위젯의 기본 동작을 무효로합니다.

   솔직히, 나는 다른 답변을 좋아합니다. 쉽고 JS에 들어갈 필요가 없습니다. 그러나 나는 당신이 jQuery를에 대해 질문 한 것으로 나타났습니다. 그래서 완전성을 위해, jQuery를 당신이 .click () 핸들러와 false를 반환하는 경우, 그것은 위젯의 기본 동작을 무효로합니다.

   (너무 많은 케이크) 예를 들어 여기를 참조하십시오. 여기서도 문서입니다.

   간단히 말해서, 샘플 코드,이 작업을 수행 :

   <script type="text/javascript">
       $('button[type!=submit]').click(function(){
           // code to cancel changes
           return false;
       });
   </script>
   
   <a href="index.html"><button>Cancel changes</button></a>
   <button type="submit">Submit</button>
   

   이와 추가 혜택으로, 당신은 앵커 태그 제거하기 그냥 버튼을 사용할 수 있습니다.

6. ---

   6.type 속성을 설정하지 않으면, 당신은 또한 당신의 OnClick 핸들러에서 거짓을 반환하고 onclick을 =로 온 클릭 속성을 선언 할 수있다 "onBtnClick (이벤트)을 반환".

   type 속성을 설정하지 않으면, 당신은 또한 당신의 OnClick 핸들러에서 거짓을 반환하고 onclick을 =로 온 클릭 속성을 선언 할 수있다 "onBtnClick (이벤트)을 반환".

7. ---

   7.예, 당신은 버튼 값 버튼의 유형의 속성을 추가하여 양식을 제출할 수 있습니다 : <버튼형 = "버튼"> <버튼>

   예, 당신은 버튼 값 버튼의 유형의 속성을 추가하여 양식을 제출할 수 있습니다 : <버튼형 = "버튼"> <버튼>

8. ---

   8.

     <form class="form-horizontal" method="post">
           <div class="control-group">
   
               <input type="text" name="subject_code" id="inputEmail" placeholder="Subject Code">
           </div>
           <div class="control-group">
               <input type="text" class="span8" name="title" id="inputPassword" placeholder="Subject Title" required>
           </div>
           <div class="control-group">
               <input type="text" class="span1" name="unit" id="inputPassword" required>
           </div>
               <div class="control-group">
               <label class="control-label" for="inputPassword">Semester</label>
               <div class="controls">
                   <select name="semester">
                       <option></option>
                       <option>1st</option>
                       <option>2nd</option>
                   </select>
               </div>
           </div>
   
           <div class="control-group">
               <label class="control-label" for="inputPassword">Deskripsi</label>
               <div class="controls">
                       <textarea name="description" id="ckeditor_full"></textarea>
    <script>CKEDITOR.replace('ckeditor_full');</script>
               </div>
           </div>
   
   
   
           <div class="control-group">
           <div class="controls">
   
           <button name="save" type="submit" class="btn btn-info"><i class="icon-save"></i> Simpan</button>
           </div>
           </div>
           </form>
   
           <?php
           if (isset($_POST['save'])){
           $subject_code = $_POST['subject_code'];
           $title = $_POST['title'];
           $unit = $_POST['unit'];
           $description = $_POST['description'];
           $semester = $_POST['semester'];
   
   
           $query = mysql_query("select * from subject where subject_code = '$subject_code' ")or die(mysql_error());
           $count = mysql_num_rows($query);
   
           if ($count > 0){ ?>
           <script>
           alert('Data Sudah Ada');
           </script>
           <?php
           }else{
           mysql_query("insert into subject (subject_code,subject_title,description,unit,semester) values('$subject_code','$title','$description','$unit','$semester')")or die(mysql_error());
   
   
           mysql_query("insert into activity_log (date,username,action) values(NOW(),'$user_username','Add Subject $subject_code')")or die(mysql_error());
   
   
           ?>
           <script>
           window.location = "subjects.php";
           </script>
           <?php
           }
           }
   
           ?>
   

from https://stackoverflow.com/questions/3314989/can-i-make-a-button-not-submit-a-form by cc-by-sa and MIT license