반응형
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 |