Rumah Java javaTutorial Java melaksanakan pengesahan masa nyata dan fungsi menggesa borang

Java melaksanakan pengesahan masa nyata dan fungsi menggesa borang

Aug 07, 2023 am 10:42 AM
bentuk Pengesahan masa nyata Fungsi segera

Java melaksanakan pengesahan masa nyata dan fungsi menggesa borang

Dengan populariti dan pembangunan aplikasi rangkaian, penggunaan borang menjadi semakin penting. Borang ialah elemen dalam halaman web yang digunakan untuk mengumpul dan menyerahkan data pengguna, seperti borang pada halaman pendaftaran atau log masuk. Apabila pengguna mengisi borang, mereka selalunya perlu mengesahkan dan menggesa data yang mereka masukkan untuk memastikan ketepatan dan kesempurnaan data. Dalam artikel ini, kami akan memperkenalkan cara menggunakan bahasa Java untuk melaksanakan pengesahan masa nyata dan fungsi segera borang.

  1. Pembinaan bentuk HTML
    Pertama, kita perlu membina bentuk mudah menggunakan bahasa HTML. Berikut ialah contoh borang:
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="formValidation.js"></script>
</head>
<body>
    <form id="myForm" method="post">
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name" required><br>
        <span id="nameError" style="color:red;"></span><br>

        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email" required><br>
        <span id="emailError" style="color:red;"></span><br>

        <input type="submit" value="提交">
    </form>
</body>
</html>
Salin selepas log masuk

Dalam kod di atas, kami menggunakan elemen borang HTML5 dan menambah atribut yang diperlukan pada nama dan kotak input e-mel, menunjukkan bahawa medan ini diperlukan. Pada masa yang sama, kami menambah elemen selepas setiap kotak input untuk memaparkan maklumat ralat.

  1. Gunakan Java untuk melaksanakan pengesahan borang
    Di bahagian pelayan, kami menggunakan bahasa Java untuk melaksanakan fungsi pengesahan borang. Pertama, kita perlu menghantar data borang ke bahagian pelayan untuk pengesahan. Kami boleh menggunakan Servlet Java untuk menerima data borang dan melakukan pengesahan yang sepadan.

Berikut ialah contoh kod Servlet yang mudah:

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class FormValidationServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String name = request.getParameter("name");
        String email = request.getParameter("email");

        // 执行验证逻辑
        boolean isValid = validateForm(name, email);

        // 返回验证结果
        response.setContentType("text/html;charset=utf-8");
        if (isValid) {
            response.getWriter().write("表单验证通过");
        } else {
            response.getWriter().write("表单验证失败");
        }
    }

    private boolean validateForm(String name, String email) {
        // 验证姓名
        boolean isNameValid = name != null && !name.isEmpty();

        // 验证邮箱
        boolean isEmailValid = email != null && email.matches("^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$");

        return isNameValid && isEmailValid;
    }
}
Salin selepas log masuk

Dalam kod di atas, kami memperoleh nilai-nilai medan nama dan e-mel dalam borang melalui objek HttpServletRequest. Kemudian kami melaksanakan logik pengesahan dalam kaedah validateForm() untuk menentukan sama ada nama dan medan e-mel memenuhi keperluan.

  1. Melaksanakan pengesahan masa nyata dan fungsi menggesa borang
    Untuk melaksanakan pengesahan masa nyata dan fungsi menggesa borang, kami perlu menggunakan JavaScript untuk berinteraksi dengan pelayan dan mengemas kini paparan halaman secara dinamik berdasarkan hasil pengesahan.

Berikut ialah contoh kod JavaScript yang mudah:

$(document).ready(function(){
    $('#name').on('input', function() {
        var nameValue = $(this).val();
        $.ajax({
            url: 'FormValidationServlet',
            type: 'POST',
            data: {name: nameValue},
            success: function(result) {
                $('#nameError').text(result);
            }
        });
    });

    $('#email').on('input', function() {
        var emailValue = $(this).val();
        $.ajax({
            url: 'FormValidationServlet',
            type: 'POST',
            data: {email: emailValue},
            success: function(result) {
                $('#emailError').text(result);
            }
        });
    });
});
Salin selepas log masuk

Dalam kod di atas, kami menggunakan perpustakaan jQuery untuk memudahkan interaksi dengan pelayan. Apabila nama atau medan e-mel berubah, nilai medan dihantar ke pelayan melalui permintaan AJAX. Pelayan mengesahkan data yang diterima dan mengembalikan hasil pengesahan. Kemudian, kami menggunakan jQuery untuk mengemas kini mesej ralat pada halaman.

Ringkasan
Melalui langkah di atas, kami telah berjaya melaksanakan pengesahan masa nyata dan fungsi menggesa borang pelaksanaan Java. Dengan menambahkan atribut yang diperlukan pada borang HTML dan menulis logik pengesahan yang sepadan dalam Java, kami boleh memastikan ketepatan data yang dimasukkan oleh pengguna. Pada masa yang sama, dengan menggunakan JavaScript dan AJAX, kami boleh mencapai maklum balas pengesahan masa nyata dan menggesa pengguna untuk ralat input tepat pada masanya. Kaedah ini boleh meningkatkan ketepatan dan kesempurnaan data borang dengan berkesan dan meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Java melaksanakan pengesahan masa nyata dan fungsi menggesa borang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaksanakan lompat halaman selepas penyerahan borang PHP Bagaimana untuk melaksanakan lompat halaman selepas penyerahan borang PHP Aug 12, 2023 am 11:30 AM

Cara melaksanakan lompat halaman selepas penyerahan borang PHP [Pengenalan] Dalam pembangunan web, penyerahan borang adalah keperluan fungsian biasa. Selepas pengguna mengisi borang dan mengklik butang hantar, data borang biasanya perlu dihantar ke pelayan untuk diproses, dan pengguna dialihkan ke halaman lain selepas diproses. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan lompatan halaman selepas penyerahan borang. [Langkah 1: Borang HTML] Pertama, kita perlu menulis halaman yang mengandungi borang dalam halaman HTML supaya pengguna boleh mengisi data yang perlu dihantar.

Bagaimana untuk menggunakan JavaScript untuk merealisasikan fungsi gesaan automatik kandungan kotak input borang? Bagaimana untuk menggunakan JavaScript untuk merealisasikan fungsi gesaan automatik kandungan kotak input borang? Oct 20, 2023 pm 04:01 PM

Bagaimana untuk menggunakan JavaScript untuk merealisasikan fungsi gesaan automatik kandungan kotak input borang? Pengenalan: Fungsi gesaan automatik kandungan kotak input borang adalah sangat biasa dalam aplikasi web Ia boleh membantu pengguna memasukkan kandungan yang betul dengan cepat. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mencapai fungsi ini dan menyediakan contoh kod khusus. Cipta struktur HTML Mula-mula, kita perlu mencipta struktur HTML yang mengandungi kotak input dan senarai cadangan automatik. Anda boleh menggunakan kod berikut: &lt;!DOCTYP

Cara mengendalikan pengurusan hak pengguna dalam borang PHP Cara mengendalikan pengurusan hak pengguna dalam borang PHP Aug 10, 2023 pm 01:06 PM

Cara mengendalikan pengurusan hak pengguna dalam bentuk PHP Dengan pembangunan berterusan aplikasi web, pengurusan hak pengguna adalah salah satu fungsi penting. Pengurusan hak pengguna boleh mengawal hak operasi pengguna dalam aplikasi dan memastikan keselamatan dan kesahihan data. Dalam bentuk PHP, pengurusan hak pengguna boleh dilaksanakan melalui beberapa kod mudah. Artikel ini akan memperkenalkan cara mengendalikan pengurusan hak pengguna dalam borang PHP dan memberikan contoh kod yang sepadan. 1. Definisi dan pengurusan peranan pengguna Pertama sekali, mentakrif dan mengurus peranan pengguna adalah soal hak pengguna.

Bagaimana untuk menggunakan JavaScript untuk melaksanakan pengesahan masa nyata kandungan kotak input borang? Bagaimana untuk menggunakan JavaScript untuk melaksanakan pengesahan masa nyata kandungan kotak input borang? Oct 18, 2023 am 08:47 AM

Bagaimana untuk menggunakan JavaScript untuk melaksanakan pengesahan masa nyata kandungan kotak input borang? Dalam kebanyakan aplikasi web, borang ialah cara interaksi yang paling biasa antara pengguna dan sistem. Walau bagaimanapun, kandungan yang dimasukkan oleh pengguna selalunya perlu disahkan untuk memastikan ketepatan dan kesempurnaan data. Dalam artikel ini, kami akan mempelajari cara menggunakan JavaScript untuk melaksanakan pengesahan masa nyata kandungan kotak input borang dan memberikan contoh kod khusus. Mencipta borang Mula-mula kita perlu mencipta jadual ringkas dalam HTML

Cara menggunakan HTML, CSS dan jQuery untuk merealisasikan fungsi lanjutan untuk menyimpan borang secara automatik Cara menggunakan HTML, CSS dan jQuery untuk merealisasikan fungsi lanjutan untuk menyimpan borang secara automatik Oct 28, 2023 am 08:20 AM

Cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi lanjutan untuk menyimpan borang secara automatik adalah salah satu elemen yang paling biasa dalam aplikasi web moden. Apabila pengguna memasukkan data borang, bagaimana untuk melaksanakan fungsi penjimatan automatik bukan sahaja dapat meningkatkan pengalaman pengguna, tetapi juga memastikan keselamatan data. Artikel ini akan memperkenalkan cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi penjimatan automatik borang, dan melampirkan contoh kod tertentu. 1. Struktur bentuk HTML Mari kita buat satu bentuk HTML yang mudah.

Pemprosesan borang PHP: pertanyaan dan penapisan data borang Pemprosesan borang PHP: pertanyaan dan penapisan data borang Aug 07, 2023 pm 06:17 PM

Pemprosesan borang PHP: pertanyaan dan penapisan data borang Pengenalan Dalam pembangunan Web, borang adalah cara interaksi yang penting Pengguna boleh menghantar data kepada pelayan melalui borang untuk pemprosesan selanjutnya. Artikel ini akan memperkenalkan cara menggunakan PHP untuk memproses pertanyaan dan fungsi penapis data borang. Reka bentuk dan penyerahan borang Pertama, kita perlu mereka bentuk borang yang merangkumi fungsi pertanyaan dan penapis. Elemen bentuk biasa termasuk kotak input, senarai juntai bawah, butang radio, kotak semak, dsb., yang boleh direka bentuk mengikut keperluan khusus. Apabila pengguna menyerahkan borang, data akan dihantar ke POS

Petua untuk menggunakan kelas borang Laravel: cara untuk meningkatkan kecekapan Petua untuk menggunakan kelas borang Laravel: cara untuk meningkatkan kecekapan Mar 11, 2024 pm 12:51 PM

Borang adalah bahagian penting dalam menulis laman web atau aplikasi. Laravel, sebagai rangka kerja PHP yang popular, menyediakan kelas bentuk yang kaya dan berkuasa, menjadikan pemprosesan borang lebih mudah dan lebih cekap. Artikel ini akan memperkenalkan beberapa petua tentang menggunakan kelas borang Laravel untuk membantu anda meningkatkan kecekapan pembangunan. Yang berikut menerangkan secara terperinci melalui contoh kod tertentu. Mencipta borang Untuk mencipta borang dalam Laravel, anda perlu menulis borang HTML yang sepadan dalam paparan terlebih dahulu. Apabila bekerja dengan borang, anda boleh menggunakan Laravel

Cara membuat borang dengan gesaan terapung menggunakan HTML, CSS dan jQuery Cara membuat borang dengan gesaan terapung menggunakan HTML, CSS dan jQuery Oct 25, 2023 am 10:48 AM

Cara mencipta borang dengan gesaan terapung menggunakan HTML, CSS dan jQuery Dalam reka bentuk web moden, borang merupakan salah satu komponen yang amat diperlukan. Untuk meningkatkan pengalaman pengguna, kami selalunya perlu menambahkan beberapa gesaan terapung pada borang untuk membimbing pengguna mengisi borang dengan betul. Artikel ini akan memperkenalkan cara menggunakan HTML, CSS dan jQuery untuk mencipta borang dengan gesaan terapung dan memberikan contoh kod khusus. Pertama, kita perlu membuat borang HTML. Dalam borang kita perlu menambah beberapa medan input, dan

See all articles