ทำอย่างไรก่อนส่ง [ปิด]

ฉันมีรูปแบบที่มีปุ่มที่ส่งแบบฟอร์ม ฉันต้องทำอะไรบางอย่างก่อนส่งจะเกิดขึ้น ฉันพยายามทำonClickที่ปุ่มนั้น แต่มันเกิดขึ้นหลังจากส่ง

ฉันไม่สามารถแบ่งปันรหัสได้ แต่โดยทั่วไปฉันควรทำอย่างไรใน jQuery หรือ JS เพื่อจัดการสิ่งนี้

หากคุณมีแบบฟอร์มดังกล่าว:

<form id="myform">
...
</form>

คุณสามารถใช้รหัส jQuery ต่อไปนี้เพื่อทำอะไรบางอย่างก่อนที่จะส่งแบบฟอร์ม:

$('#myform').submit(function() {
    // DO STUFF...
    return true; // return false to cancel form action
});

สมมติว่าคุณมีรูปแบบเช่นนี้:

<form id="myForm" action="foo.php" method="post">
   <input type="text" value="" />
   <input type="submit" value="submit form" />

</form>

คุณสามารถแนบ - onsubmitเหตุการณ์กับ jQuery เช่นนี้:

$('#myForm').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

หากคุณreturn falseไม่ได้ส่งแบบฟอร์มหลังจากฟังก์ชั่นถ้าคุณส่งคืนจริงหรือไม่มีอะไรจะส่งตามปกติ

ดูเอกสารประกอบ jQueryสำหรับข้อมูลเพิ่มเติม

คุณสามารถใช้onclickเพื่อเรียกใช้ JavaScript หรือรหัส jQuery ก่อนที่จะส่งแบบฟอร์มเช่นนี้:

<script type="text/javascript">
    beforeSubmit = function(){
        if (1 == 1){
            //your before submit logic
        }        
        $("#formid").submit();            
    }
</script>
<input type="button" value="Click" onclick="beforeSubmit();" />

ตรวจสอบให้แน่ใจว่าปุ่มส่งไม่ใช่ประเภท "ส่ง" ทำให้เป็นปุ่ม จากนั้นใช้เหตุการณ์ onclick เพื่อเรียกใช้จาวาสคริปต์ คุณสามารถทำสิ่งที่คุณต้องการก่อนที่จะโพสต์ข้อมูลของคุณได้