티스토리 뷰

반응형

sweetalert2.github.io/sweetalert2-examples/forms/login/

/* 카테고리 추가 start */
async function addNewCategory() {
    const {value: formValues} = await Swal.fire({
        title: '카테고리 추가',
        html:
            '<form id="newCategoryForm">' +
            '<input id="categoryName" name="categoryName" placeholder="카테고리명" class="swal2-input">' +
            '<input id="description" name="description" placeholder="카테고리 설명" class="swal2-input">' + '</form>',
        focusConfirm: false,
        preConfirm: (value) => {
            let categoryName = Swal.getPopup().querySelector('#categoryName').value
            let description = Swal.getPopup().querySelector('#description').value
            if (categoryName === '' || description === '') {
                Swal.showValidationMessage(`카테고리명/설명을 전부 입력해주셔야합니다.`)
            }
            return new FormData(document.querySelector('#newCategoryForm'));
        },
        showCancelButton: true,

    })

    if (formValues) {
        $.ajax({
            "url": "[원하는 url]",
            "method": "POST",
            "timeout": 0,
            "processData": false,
            "mimeType": "multipart/form-data",
            "contentType": false,
            "data": formValues,
            success: function (response) {
                window.location.reload();
            },
            error: function (response) {
                alert('fail');
            }
        });
    }
}

/* 카테고리 추가 end */
반응형

'구버전 팁' 카테고리의 다른 글

html pre 태그  (0) 2020.12.03
면접전 가져야할 질문  (0) 2020.12.02
부트스트랩으로 이쁜 라디오 버튼  (0) 2020.11.25
DataTables 사용법  (0) 2020.11.25
맥북 친해지기  (0) 2020.11.22
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함