ฉันพบปัญหาของการส่งแบบฟอร์มที่สะดวกในที่ทำงาน หลายครั้งที่ฉันส่งมาอย่างดีภายใต้ IE แต่มีปัญหาหลังจากตี Firefox การใช้ปุ่มส่งไม่สำเร็จดังนั้นฉันจึงประสบความสำเร็จโดยใช้ JS และฉันไม่รู้ว่าทำไม ภายใต้การกระตุ้นของผู้สอนวิธีการส่งแบบฟอร์มทั่วไปต่อไปนี้ได้สรุปไว้
วิธีแรก: การส่งแบบฟอร์มเพิ่มเหตุการณ์ onsubmit ในแท็กแบบฟอร์มเพื่อพิจารณาว่าการส่งแบบฟอร์มสำเร็จหรือไม่
<script type = "text/javascript"> ฟังก์ชั่นตรวจสอบความถูกต้อง (obj) {ถ้า (ยืนยัน ("ส่งแบบฟอร์ม?")) {แจ้งเตือน (obj.value); กลับมาจริง; } else {Alert (obj.value); กลับเท็จ; }} </script> <body> <form action = "// www.vevb.com" onsubmit = "return ตรวจสอบ (document.getElementByIdx_x ('mytext'));"> <!วิธีที่สอง: ทริกเกอร์เหตุการณ์การส่งแบบฟอร์ม onclick = "submentForm ();" ผ่านปุ่มปุ่มซึ่งจะไม่สนใจคุณสมบัติในแท็กอื่น ตัวอย่างเช่นแอตทริบิวต์ onsubmit ในแท็กฟอร์มจะไม่ถูกต้อง ในการดำเนินการตรวจสอบแบบฟอร์มคุณสามารถวางรหัสการตรวจสอบใน submentForm (); วิธีการตรวจสอบ
<script type = "text/javascript"> function validate () {ถ้า (ยืนยัน ("ส่งแบบฟอร์ม?")) {return true; } else {return false; }} ฟังก์ชั่น submentForm () {ถ้า (ตรวจสอบ ()) {document.getElementByIdx_x ("myForm") ส่ง (); }} </script> <body> <form action = "// www.vevb.com" id = "myform"> <อินพุต type = "text"/> <อินพุต type = "ปุ่ม" value = "submentbtn" onClick = "submitForm ();"/> <! ในการดำเนินการเหตุการณ์ onClick -> </form> </body>วิธีที่สาม: ใส่เหตุการณ์ onsubmit ในแท็กส่งแทนแท็กฟอร์ม ในเวลานี้การตรวจสอบแบบฟอร์มไม่ถูกต้อง คลิกปุ่มส่งเพื่อส่งแบบฟอร์มโดยตรง
<script type = "text/javascript"> function validate () {ถ้า (ยืนยัน ("ส่งแบบฟอร์ม?")) {return true; } else {return false; }} </script> <body> <form action = "// www.vevb.com"> <input type = "text"/> <อินพุต type = "submit" value = "ส่ง" onsubmit = "return rivate ()"/> </form> </body>วิธีที่สี่: เพิ่มเหตุการณ์ onclick ลงในปุ่มส่งโดยที่เหตุการณ์ใช้สำหรับการตรวจสอบการส่งแบบฟอร์มและฟังก์ชั่นคล้ายกับการเพิ่มเหตุการณ์ onsubmit ลงในแท็กฟอร์ม
<script type = "text/javascript"> function validate () {ถ้า (ยืนยัน ("ส่งแบบฟอร์ม?")) {return true; } else {return false; }} </script> <body> <form action = "// www.vevb.com"> <อินพุต type = "text"/> <อินพุต type = "submit" value = "ส่ง" onClick = "return validate ()"/> </form> </body>วิธีที่ห้า:
<body> <form action = "// www.vevb.com" id = "myform"> <อินพุต type = "text"/> <อินพุต type = "ปุ่ม" value = "submentbtn" id = "mybtn"/> </form> } else {return false; -เหตุการณ์การส่งแบบฟอร์มจะถูกเรียกผ่านปุ่มปุ่มและคุณสมบัติในแท็กอื่นจะถูกละเว้น ตัวอย่างเช่นแอตทริบิวต์ onsubmit ในแท็กฟอร์มจะไม่ถูกต้อง ในการดำเนินการตรวจสอบแบบฟอร์มคุณสามารถวางรหัสการตรวจสอบใน submentForm (); วิธีการตรวจสอบ
ฟังก์ชั่น submentForm () {ถ้า (ตรวจสอบ ()) {document.getElementByIdx_x ("myform") ส่ง (); }} document.getElementByIdx_x ("mybtn"). onclick = submentForm; </script>หลายวิธีข้างต้นและการตรวจสอบสำหรับการส่งแบบฟอร์มโดยใช้ JS (ต้องอ่าน) เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น