คำถามติดแท็ก form-submit

เหตุการณ์ส่งถูกส่งไปยังองค์ประกอบเมื่อผู้ใช้พยายามส่งแบบฟอร์ม สามารถแนบได้กับองค์ประกอบแบบฟอร์มเท่านั้น สามารถส่งแบบฟอร์มได้โดยคลิก <input type = "submit"> อย่างชัดเจน, <input type = "image"> หรือ <button type = "submit"> หรือโดยการกด Enter เมื่อองค์ประกอบของฟอร์มบางอย่างมีโฟกัส

30
ป้องกันผู้ใช้จากการส่งแบบฟอร์มโดยการกด Enter
ฉันมีแบบสำรวจบนเว็บไซต์และดูเหมือนว่ามีปัญหาบางอย่างกับผู้ใช้ที่กดปุ่ม Enter (ฉันไม่รู้ว่าทำไม) และส่งแบบสำรวจ (แบบฟอร์ม) โดยไม่ตั้งใจโดยไม่ต้องคลิกปุ่มส่ง มีวิธีป้องกันไหม ฉันใช้ HTML, PHP 5.2.9 และ jQuery ในการสำรวจ

30
คุณจัดการกับปุ่มส่งหลายปุ่มใน ASP.NET MVC Framework อย่างไร
มีวิธีง่ายๆในการจัดการกับปุ่มส่งหลายปุ่มจากแบบฟอร์มเดียวกันหรือไม่? ตัวอย่างเช่น: &lt;% Html.BeginForm("MyAction", "MyController", FormMethod.Post); %&gt; &lt;input type="submit" value="Send" /&gt; &lt;input type="submit" value="Cancel" /&gt; &lt;% Html.EndForm(); %&gt; ความคิดใด ๆ ที่จะทำเช่นนี้ใน ASP.NET Framework Beta? ตัวอย่างทั้งหมดที่ฉันทำมีปุ่มเพียงปุ่มเดียว

23
ปุ่มส่งหลายปุ่มในรูปแบบ HTML
สมมติว่าคุณสร้างตัวช่วยสร้างในรูปแบบ HTML ปุ่มเดียวย้อนกลับไปและอีกหนึ่งปุ่มไปข้างหน้า เนื่องจากปุ่มย้อนกลับปรากฏขึ้นเป็นครั้งแรกในมาร์กอัปเมื่อคุณกดEnterมันจะใช้ปุ่มนั้นเพื่อส่งแบบฟอร์ม ตัวอย่าง: &lt;form&gt; &lt;!-- Put your cursor in this field and press Enter --&gt; &lt;input type="text" name="field1" /&gt; &lt;!-- This is the button that will submit --&gt; &lt;input type="submit" name="prev" value="Previous Page" /&gt; &lt;!-- But this is the button that I WANT to submit --&gt; &lt;input type="submit" …


18
jquery ปิดการใช้งานแบบฟอร์มส่งที่ใส่
ฉันมีจาวาสคริปต์ต่อไปนี้ในหน้าของฉันซึ่งดูเหมือนจะไม่ทำงาน $('form').bind("keypress", function(e) { if (e.keyCode == 13) { e.preventDefault(); return false; } }); ฉันต้องการปิดการใช้งานการส่งแบบฟอร์มเมื่อป้อนหรือดีกว่าเพื่อโทรหาแบบฟอร์ม ajax ของฉัน วิธีการแก้ปัญหาอย่างใดอย่างหนึ่งเป็นที่ยอมรับ แต่รหัสฉันรวมถึงข้างต้นไม่ได้ป้องกันแบบฟอร์มการส่ง

6
jQuery - เพิ่มพารามิเตอร์เพิ่มเติมในการส่ง (ไม่ใช่อาแจ็กซ์)
ใช้ jQuery's 'ส่ง' - มีวิธีส่งพารามิเตอร์เพิ่มเติมไปยังแบบฟอร์มหรือไม่ ฉันไม่ได้ต้องการทำเช่นนี้กับ Ajax - นี่เป็นเรื่องปกติที่จะส่งแบบฟอร์มการรีเฟรชทั่วไป $('#submit').click(function () { $('#event').submit(function () { data: { form['attendees'] = $('#attendance').sortable('toArray').toString(); }); });

5
ปิดใช้งานการส่งแบบฟอร์มโดยอัตโนมัติเมื่อคลิกปุ่ม
ฉันมีรูปแบบ HTML ที่ฉันใช้ปุ่มหลายปุ่ม ปัญหาคือไม่ว่าฉันจะคลิกที่ปุ่มใดแบบฟอร์มจะถูกส่งถึงแม้ว่าปุ่มจะไม่ใช่ประเภท "ส่ง" เช่นปุ่มเช่น: &lt;button&gt;Click to do something&lt;/button&gt;ส่งผลให้มีการส่งแบบฟอร์ม มันค่อนข้างเจ็บปวดที่ต้องทำe.preventDefault()กับปุ่มเหล่านี้แต่ละปุ่ม ฉันใช้ jQuery และ jQuery UI และเว็บไซต์อยู่ใน HTML5 มีวิธีปิดใช้งานพฤติกรรมอัตโนมัตินี้หรือไม่

23
วิธีป้องกันการส่งฟอร์มซ้ำเมื่อรีเฟรชหน้าเว็บ (F5 / CTRL + R)
ฉันมีรูปแบบง่าย ๆ ที่ส่งข้อความไปยังตาราง SQL ของฉัน ปัญหาคือหลังจากที่ผู้ใช้ส่งข้อความพวกเขาสามารถรีเฟรชหน้าและข้อมูลจะถูกส่งอีกครั้งโดยไม่ต้องกรอกแบบฟอร์มอีกครั้ง ฉันสามารถเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าอื่นหลังจากที่ส่งข้อความ แต่ฉันต้องการให้ผู้ใช้อยู่ในหน้าเดียวกัน ฉันจำได้ว่าอ่านอะไรบางอย่างเกี่ยวกับการให้รหัสเซสชันที่ไม่ซ้ำกันของผู้ใช้แต่ละคนและเปรียบเทียบกับค่าอื่นซึ่งแก้ไขปัญหาที่ฉันมี แต่ฉันลืมว่ามันอยู่ที่ไหน
132 php  html  forms  post  form-submit 

20
ฉันจะจับการตอบสนองของ form.submit ได้อย่างไร
ฉันมีรหัสต่อไปนี้: &lt;script type="text/javascript"&gt; function SubmitForm() { form1.submit(); } function ShowResponse() { } &lt;/script&gt; . . . &lt;div&gt; &lt;a href="#" onclick="SubmitForm();"&gt;Click&lt;/a&gt; &lt;/div&gt; ฉันต้องการจับการตอบสนอง html ของform1.submit? ฉันต้องทำอย่างไร ฉันสามารถลงทะเบียนฟังก์ชันการโทรกลับไปยังเมธอด form1.submit ได้หรือไม่


3
การส่งแบบฟอร์ม HTML โดยใช้ Jquery AJAX
ฉันพยายามส่งแบบฟอร์ม HTML โดยใช้ AJAX โดยใช้ตัวอย่างนี้ รหัส HTML ของฉัน: &lt;form id="formoid" action="studentFormInsert.php" title="" method="post"&gt; &lt;div&gt; &lt;label class="title"&gt;First Name&lt;/label&gt; &lt;input type="text" id="name" name="name" &gt; &lt;/div&gt; &lt;div&gt; &lt;label class="title"&gt;Name&lt;/label&gt; &lt;input type="text" id="name2" name="name2" &gt; &lt;/div&gt; &lt;div&gt; &lt;input type="submit" id="submitButton" name="submitButton" value="Submit"&gt; &lt;/div&gt; &lt;/form&gt; สคริปต์ของฉัน: &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#formoid').ajaxForm(function() { alert("Thank you for …
107 jquery  ajax  form-submit 

7
ฉันจะสร้างปุ่มส่งหลายปุ่มสำหรับแบบฟอร์มเดียวกันใน Rails ได้อย่างไร
ฉันต้องมีปุ่มส่งหลายปุ่ม ฉันมีแบบฟอร์มที่สร้างอินสแตนซ์ของ Contact_Call ปุ่มเดียวสร้างได้ตามปกติ ปุ่มอื่น ๆ จะสร้างมันขึ้นมา แต่ต้องมีค่า: attribute ที่แตกต่างจากค่าเริ่มต้นและยังต้องตั้งค่าแอตทริบิวต์ในรูปแบบอื่น แต่เกี่ยวข้องกันที่ใช้ในคอนโทรลเลอร์ ฉันจะทำอย่างไร? ฉันไม่สามารถเปลี่ยนเส้นทางได้มีวิธีส่งตัวแปรอื่นที่ [: params] มารับหรือไม่ และถ้าฉันทำเช่นนั้นฉันจะทำอย่างไรในคอนโทรลเลอร์ตั้งค่าคำสั่งเคส

4
การตั้งค่า onSubmit ใน React.js
ในการส่งแบบฟอร์มฉันกำลังพยายามdoSomething()แทนที่พฤติกรรมการโพสต์เริ่มต้น เห็นได้ชัดว่าใน React onSubmit เป็นเหตุการณ์ที่รองรับสำหรับฟอร์ม อย่างไรก็ตามเมื่อฉันลองใช้รหัสต่อไปนี้: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return &lt;form onSubmit={doSomething}&gt; &lt;button&gt;Click me&lt;/button&gt; &lt;/form&gt;; } }); วิธีdoSomething()นี้ถูกเรียกใช้ แต่หลังจากนั้นพฤติกรรมการโพสต์เริ่มต้นจะยังคงดำเนินการอยู่ คุณสามารถทดสอบนี้ฉันjsfiddle คำถามของฉัน: ฉันจะป้องกันพฤติกรรมการโพสต์เริ่มต้นได้อย่างไร

4
ตัวแปรคงอยู่ระหว่างการโหลดหน้า
ฉันกำลังพยายามจับภาพการกดปุ่มส่งของแบบฟอร์มของฉันและหากมีการส่งแบบฟอร์มหน้านี้จะรีเฟรชและฉันแสดงช่องที่ซ่อนอยู่สองสามช่อง ฉันต้องการจับภาพว่ามีการส่งแบบฟอร์มมาก่อนหรือไม่และหากส่งเมื่อโหลดซ้ำฉันต้องการยกเลิกการซ่อนฟิลด์ที่ซ่อนอยู่ ฉันพยายามใช้ตัวแปรส่วนกลางเพื่อให้บรรลุสิ่งนี้ แต่ฉันไม่สามารถทำให้มันทำงานได้อย่างถูกต้อง นี่คือสิ่งที่ฉันลอง: var clicked = false; $(document).ready(function() { $("input[type='submit'][value='Search']").attr("onclick", "form.act.value='detailSearch'; clicked = true; return true;"); if (clicked == true) { // show hidden fields } else { // don't show hidden fields } }); ข้อเสนอแนะใด ๆ เกี่ยวกับสิ่งที่ผิดปกติกับรหัสนี้?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.