bagaimana mencegah pengiriman formulir hanya jika menemukan kesalahan

Question

Saya mencoba untuk mencegah formulir mengirimkan hanya ketika saya menemukan kesalahan

saya memiliki fungsi ini ditautkan ke formulir saya onSubmit

const submitHandler = async (e) => {
        e.preventDefault();
        try {
            const submitForm = await axios.post(
                "http://localhost:5000/users/register",
                info
            );
            setError("");
        } catch (error) {
            const err = error.response.data.msg;
            setError(err);
            // display the msg on screen
        }
    };

sekarang saya memiliki e.preventDefault () di atas yang akan menghentikan formulir dan menampilkan pesan respons tetapi saya hanya ingin itu terjadi jika ada kesalahan dalam "menangkap"

jika tidak, saya ingin mengirimkannya dan melakukan hal lain seperti mengarahkan ke halaman login

Answer 1

Di blok percobaan, Anda dapat menggunakan .submit()metode jQuery dengan ID formulir:

$("#ID").submit();

Jika Anda tidak menggunakan jQuery, Anda dapat menggunakan vanilla JS:

document.getElementById("myForm").submit();