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

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

Barbara Streisand
Lepaskan: 2024-10-25 12:01:30
asal
584 orang telah melayarinya

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
  }
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan