Rumah  >  Artikel  >  pembangunan bahagian belakang  >  Cara tekan enter tanpa hantar borang dan hantar borang dalam php

Cara tekan enter tanpa hantar borang dan hantar borang dalam php

PHPz
PHPzasal
2023-03-27 16:16:17798semak imbas

Apabila kami menulis borang, kami sering menghadapi situasi sedemikian: apabila pengguna menekan Enter dalam kotak input, borang akan diserahkan secara automatik, yang boleh menyebabkan masalah seperti salah operasi dan kehilangan maklumat dengan mudah.

Artikel ini akan memperkenalkan kepada anda cara melaksanakan enter bukan untuk menyerahkan borang atau menyerahkan borang dalam PHP, supaya dapat memenuhi keperluan pengguna dengan lebih baik.

1 Masukkan tanpa menyerahkan borang

1 Gunakan JavaScript untuk melaksanakan
Kami boleh menggunakan JavaScript untuk menghalang borang daripada diserahkan secara automatik apabila pengguna menekan butang. Masukkan kunci ke pelayan. Kodnya adalah seperti berikut:

<script>
    document.onkeydown = function(event) {
        var e = event ? event : (window.event ? window.event : null);
        if (e.keyCode == 13 && e.target.tagName.toLowerCase() != 'textarea') {
            //阻止表单提交
            return false;
        }
    }
</script>

2. Gunakan jQuery untuk melaksanakan

Selain itu, kita juga boleh menggunakan kaedah preventDefault() dalam jQuery untuk menghalang penyerahan borang. Kodnya adalah seperti berikut:

<script>
    $(document).on('keydown', function(event) {
        if (event.keyCode == 13 && event.target.tagName.toLowerCase() != 'textarea') {
            event.preventDefault();
        }
    });
</script>

2. Tekan Enter untuk menghantar borang

Jika kami mahu pengguna menyerahkan borang secara automatik dengan menekan kekunci Enter selepas memasukkan maklumat, Kita boleh melakukan ini dalam dua cara.

1. Gunakan JavaScript untuk melaksanakan

Kita boleh mendengar peristiwa kekunci Enter dalam kotak teks dan mencetuskan peristiwa penyerahan borang apabila pengguna menekan kekunci Enter berikut:

<script>
    function submitForm() {
        document.formName.submit(); //提交表单
    }

    document.getElementById('input').onkeydown = function(event) {
        var e = event ? event : (window.event ? window.event : null);
        if (e.keyCode == 13) {
            submitForm();
        }
    }
</script>

2 Gunakan atribut form HTML5

Dalam HTML5, kita boleh menggunakan atribut form untuk mengikat kotak input pada borang, supaya apabila pengguna menekan butang Masukkan kunci dalam kotak input, Borang akan dihantar secara automatik. Kodnya adalah seperti berikut:

<form action="submit.php" method="post">
    <input type="text" id="input" name="input" form="myform" />
    <button type="submit" form="myform">提交</button>
</form>

Dalam contoh ini, atribut bentuk kotak input menghala ke ID borang, dan atribut borang butang hantar juga menghala ke ID borang. Dengan cara ini, apabila pengguna menekan kekunci Enter, kandungan dalam kotak input akan diserahkan kepada pelayan.

Ringkasan

Apabila menulis borang web, kita mesti mengambil kira tabiat tingkah laku pengguna dan keperluan untuk meningkatkan pengalaman pengguna. Artikel ini memperkenalkan cara melaksanakan dua kaedah menekan Enter tanpa menyerahkan borang dan menekan Enter untuk menyerahkan borang dalam PHP. Saya harap artikel ini dapat membantu anda.

Atas ialah kandungan terperinci Cara tekan enter tanpa hantar borang dan hantar borang dalam php. 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