วิธี submit

วิธี submit ช่วยให้เราทำงานกับเหตุการณ์ JavaScript submit ได้ ช่วยให้เราสามารถผูกตัวจัดการกับเหตุการณ์ JavaScript submit หรือ เรียกใช้งานเหตุการณ์นั้นบนองค์ประกอบ

โครงสร้าง

เราสามารถส่งฟังก์ชันตัวจัดการไปยังเมธอดได้, ซึ่งจะทำงานทุกครั้งเมื่อ มีเหตุการณ์เกิดขึ้น โดยสามารถส่งอ็อบเจ็กต์เหตุการณ์ เข้าไปในฟังก์ชันได้:

.submit(ฟังก์ชันตัวจัดการ);

ในกรณีนี้ เมธอดจะทำงานคล้ายกับ โครงสร้าง .on('submit', handler) ของเมธอด on

เรายังสามารถส่งพารามิเตอร์เพิ่มเติมซึ่งเป็นอ็อบเจ็กต์ ข้อมูลให้กับเมธอดได้ โดยข้อมูลนั้นจะถูกส่ง ไปยังฟังก์ชันตัวจัดการ:

.submit([ข้อมูลเหตุการณ์], ฟังก์ชันตัวจัดการ);

หรืออาจไม่ส่งพารามิเตอร์ใด ๆ เลย ก็ได้ ในกรณีนั้น เมธอดจะทำงานคล้ายกับ .trigger('submit') ของเมธอด trigger:

.submit();

เหตุการณ์ submit เกิดขึ้นบนองค์ประกอบเมื่อ ผู้ใช้ เช่น กดปุ่ม 'submit' บนฟอร์ม เหตุการณ์นี้สามารถ แนบได้กับองค์ประกอบแท็ก form เท่านั้น เหตุการณ์ submit เกิดขึ้นบนองค์ประกอบเมื่อ ผู้ใช้ เช่น กดปุ่ม 'submit' บนฟอร์ม เหตุการณ์นี้สามารถ แนบได้กับองค์ประกอบแท็ก form เท่านั้น

ตัวอย่าง

ในตัวอย่างต่อไปนี้ เรามีฟอร์มง่ายๆ ซึ่งเราจะผูกตัวจัดการเหตุการณ์โดยใช้ เมธอด submit พร้อมด้วยฟิลด์ข้อความและ ปุ่ม - อินพุตที่มีประเภท submit มา ลองป้อนข้อความในฟิลด์ข้อความ และเมื่อกดปุ่มให้ ตรวจสอบข้อความนี้ หากเราป้อน 'jQuery' เราจะแสดงข้อความ 'Good!' ในสแปน โดยใช้เมธอด text และ show แต่หากเป็นอย่างอื่น ให้แสดง 'Bad...':

<p>jQuery</p>
<form action="/">
	<div>
		<input type="text">
		<input type="submit">
	</div>
</form>
<span></span>

$('form').submit(function(event) {
	event.preventDefault();

	if ($('input').first().val() === 'jQuery') {
		$('span').text('Good!').show();
		return;
	}

	$('span').text('Bad...').show();
});

ดูเพิ่มเติม

เมธอด trigger,
ซึ่งช่วยให้เรียกใช้งานตัวจัดการเหตุการณ์ทั้งหมด ที่ผูกกับองค์ประกอบสำหรับประเภทเหตุการณ์ที่กำหนดได้
เมธอด on,
ซึ่งช่วยให้ผูกตัวจัดการเหตุการณ์ กับองค์ประกอบได้