Bagaimana Saya Mendengar Acara Hantar Borang dalam Javascript Melebihi Atribut HTML?

Mendengar Borang Hantar Acara dalam Javascript: Beyond HTML Attributes

Mengesan penyerahan borang dalam Javascript adalah penting untuk mengesahkan input pengguna dan mengawal tingkah laku bentuk. Walaupun menggunakan atribut HTML seperti onClick dan onSubmit sudah memadai, ia mengehadkan penyesuaian dan fleksibiliti. Artikel ini meneroka kaedah alternatif untuk mendengar acara penyerahan borang menggunakan Javascript tulen dan perpustakaan biasa.

Pendekatan Javascript Tulen

Untuk melampirkan pendengar acara pada elemen bentuk, gunakan addEventListener atau attachEvent berdasarkan sokongan penyemak imbas:

<code class="javascript">var ele = /*Your Form Element*/;
if (ele.addEventListener) {
  ele.addEventListener("submit", callback, false); // Modern browsers
} else if (ele.attachEvent) {
  ele.attachEvent("onsubmit", callback); // Old IE
}</code>

Untuk membatalkan acara serahan asli, gunakan preventDefault() dalam fungsi panggil balik:

<code class="javascript">document.querySelector("#myForm").addEventListener("submit", function (e) {
  if (!isValid) {
    e.preventDefault(); // Stop form from submitting
  }
});</code>

Pendekatan Perpustakaan

Jika menggunakan perpustakaan (cth., jQuery) lebih diutamakan:

• jQuery:

<code class="javascript">$(ele).submit(callback);</code>

Palang -Keserasian Pelayar

Walaupun kaedah addEventListener disokong secara meluas, penyemak imbas lama mungkin memerlukan attachEvent. Untuk memastikan keserasian merentas pelayar, gunakan kedua-dua kaedah jika perlu.

Atas ialah kandungan terperinci Bagaimana Saya Mendengar Acara Hantar Borang dalam Javascript Melebihi Atribut HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!