Front/JS & jQuery

[js] 중복 클릭 방지 처리 - 버튼비활성화 방법

오선지♬ 2025. 7. 1. 20:35
728x90
반응형
$('#submitBtn').on('click', async function() {
    const $btn = $(this);
    
    if ($btn.prop('disabled')) return; // 이미 눌렸다면 무시

    $btn.prop('disabled', true); // 버튼 비활성화

    try {
        // 등록 로직
        await submitOpinion(); // 예: 의견 등록 API 호출

        alert('의견이 등록되었습니다.');
    } catch (e) {
        console.error(e);
        alert('등록 중 오류가 발생했습니다.');
    } finally {
        $btn.prop('disabled', false); // 성공/실패 상관없이 다시 활성화
    }
});
728x90
반응형