페이지에 여러 개의 양식이있는 경우 어떻게 특정 양식을 제출할 수 있습니까?

Question

양식을 제출하고 싶습니다.

<form> 
    <input name="name" value="somebody"><br> 
    <button type="submit" name="action" value="Submit" name="submit" >Submit</button> 
    </form> 

<script> 
    $(document).on('submit','form',function(e){ 
      e.preventDefault(); 
      $form = $(this); 
      submit($form); 
      }); 

     function submit($form){ 
      ...do something.... 
     } 
</script> 

을하지만 내 페이지에 여러 형태를 가지고, 그래서 나는 같은 것을 할 노력하고 있어요 :이처럼 아주 잘 작동

 <form name="myform"> 
     <input name="name" value="somebody"><br> 
     <button type="submit" name="action" value="Submit" name="submit" >Submit</button> 
     </form> 

    <script> 
     $(document).on('submit','myform',function(e){ 
       e.preventDefault(); 
       $form = $(this); 
       submit($form); 
       }); 

      function submit($form){ 
       $.ajax('action.php', { 
       method: 'POST', 
       data: $form.serialize(), 
       success: function(result) { 
       $('#result').html(result); 
       } 
      }); 
     } 
    </script> 

을하지만 불행히도 작동하지 않습니다. 왜 그런지 알아?

Answer 1

시작해야합니다. 또한 양식 제출마다 다른 기능을 사용할 수도 있습니다.

function submit($form, action) { 
 
    alert("Submitting form"); 
 

 
    $.ajax(action, { 
 
    method: 'POST', 
 
    data: $form.serialize(), 
 
    success: function(result) { 
 
     $('#result').html(result); 
 
    } 
 
    }) 
 
} 
 

 
// Shorthand for $(document).ready() 
 
$(function() { 
 

 
    $("#btn1").click(function() { 
 
    alert("Submitting form 1"); 
 

 
    submit($("#frm1"), 'action1.php'); 
 
    }); 
 

 
    $("#btn2").click(function() { 
 
    alert("Submitting form 2"); 
 

 
    submit($("#frm2"), 'action2.php'); 
 
    $("#frm1").submit(); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="frm1" name="frm1"> 
 
    <input name="name" value="somebody"> 
 
    <br> 
 
    <button type="submit" id="btn1" name="btn1" value="Submit">Submit Form 1</button> 
 
</form> 
 

 
<br> 
 
<br> 
 

 
<form id="frm2" name="frm2"> 
 
    <input name="name2" value="somebody else"> 
 
    <br> 
 
    <button type="submit" id="btn2" name="btn2" value="Submit">Submit Form 2</button> 
 
</form>