오류가 발생한 경우에만 양식 제출을 방지하는 방법

Question

오류가 발생했을 때만 양식이 제출되는 것을 방지하려고합니다.

이 기능이 내 양식에 링크되어 있습니다.

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
        }
    };

지금은 e.preventDefault () 상단에 양식을 중지하고 응답 메시지를 표시하지만 "catch"에 오류가있는 경우에만 발생합니다.

그렇지 않으면 제출하고 로그인 페이지로 리디렉션하는 것과 같은 다른 작업을 수행하고 싶습니다.

Answer 1

try 블록 .submit()에서 양식의 ID와 함께 jQuery의 메서드를 사용할 수 있습니다 .

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

jQuery를 사용하지 않는 경우 vanilla JS를 사용할 수 있습니다.

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