Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa Borang Log Masuk Saya Hilang Daripada Serahkan pada \'Enter\'?

Mengapa Borang Log Masuk Saya Hilang Daripada Serahkan pada \'Enter\'?

Barbara Streisand
Barbara Streisandasal
2024-10-25 12:01:30453semak imbas

Why Does My Login Form Disappear Instead of Submitting on 'Enter'?

Menyerahkan Borang pada 'Enter' menggunakan jQuery

Apabila berurusan dengan borang log masuk standard dalam projek AIR menggunakan HTML/jQuery, tekan 'Enter' boleh menyebabkan tingkah laku yang tidak dijangka, seperti kandungan borang yang hilang tanpa menyerahkan. Untuk menangani isu ini, adalah penting untuk memahami kemungkinan punca asas.

Coretan kod yang disediakan cuba mengendalikan peristiwa kekunci 'Enter' menggunakan fungsi '.keypress()', tetapi ia gagal menyelesaikan borang yang hilang mengeluarkan dan menghalang penyerahan. Satu sebab yang berpotensi mungkin adalah kekurangan atribut 'tindakan' dalam borang.

Untuk menyelesaikan isu ini dengan berkesan, ubah suai kod pengendali acara seperti berikut:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    // Add this line
  }
});

Tambahan utama di sini adalah pernyataan 'return false'. Menambah baris ini pada dasarnya menghalang tingkah laku lalai yang dikaitkan dengan penekan kekunci 'Enter', yang dalam kes ini menghalang borang daripada diserahkan kerana tindakan bercanggah.

Seperti yang dinyatakan dalam jawapan StackOverflow yang dipautkan, 'return false' berfungsi sama seperti 'e.preventDefault()' dan 'e.stopPropagation()', menyekat tingkah laku penyemak imbas lalai dan memudahkan pengendalian tersuai acara.

Dengan pengubahsuaian ini, menekan 'Enter' dalam borang log masuk harus serahkan borang dengan betul, menyelesaikan isu awal yang dihadapi.

Atas ialah kandungan terperinci Mengapa Borang Log Masuk Saya Hilang Daripada Serahkan pada \'Enter\'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn