Bagaimanakah Saya Boleh Hentikan Penyerahan Borang JavaScript dan Navigasi Kembali?

Menghentikan Penyerahan Borang dengan JavaScript

Penyerahan borang boleh dihalang dalam JavaScript menggunakan pelbagai kaedah. Satu kaedah yang disebut dalam soalan adalah untuk mengembalikan palsu daripada fungsi pengesahan apabila syarat tertentu dipenuhi. Walau bagaimanapun, dalam kes ini, borang diserahkan walaupun selepas memanggil fungsi returnToPreviousPage().

Untuk menghentikan penyerahan borang dengan berkesan dan kembali ke halaman sebelumnya, pertimbangkan pendekatan berikut:

1. PreventDefault() dan Return False:

Tambahkan kaedah preventDefault() pada pengendali acara onsubmit borang dan kembalikan palsu daripada fungsi pengesahan. Ini akan menghalang penyemak imbas daripada menyerahkan borang dan akan mencetuskan fungsi returnToPreviousPage() untuk menavigasi kembali ke halaman sebelumnya:

<form onsubmit="event.preventDefault(); validateMyForm();">

function validateMyForm() {
  if (condition not met) {
    alert("Validation failed");
    returnToPreviousPage();
    return false;
  } else {
    alert("Validation passed");
    return true;
  }
}

2. Nilai Pulangan Fungsi:

Gunakan nilai pulangan fungsi pengesahan untuk mengawal penyerahan borang. Dalam pengendali acara onsubmit, nyatakan nama fungsi pengesahan dan tetapkan nilai pulangan fungsi untuk berhenti atau membenarkan penyerahan:

<form onsubmit="return validateMyForm();">

function validateMyForm() {
  if (condition not met) {
    alert("Validation failed");
    returnToPreviousPage();
    return false;
  } else {
    alert("Validation passed");
    return true;
  }
}

Nota: Jika menggunakan Chrome 27.0.1453.116 m, mungkin perlu untuk menetapkan medan returnValue parameter acara kepada palsu agar kod di atas berfungsi dengan berkesan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Hentikan Penyerahan Borang JavaScript dan Navigasi Kembali?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!