我正在尝试在sweetalert中检查空字符。你能帮我吗? 当您输入的文本ID为空
时,我想收到警报
$(function () {
$("#btnCreate").click(function (e) {
e.preventDefault();
swal({
title: "Ok ?",
text: "text",
type: "info",
showCancelButton: true,
cancelButtonClass: 'btn-secondary waves-effect',
confirmButtonClass: 'btn-success waves-effect waves-light',
confirmButtonText: "Yes",
closeOnConfirm: false,
})
.then(val => {
if (!val) throw null;
swal("Saved!", "Your record has been saved.", "success")
.then((confirm) => {
$("#CreateForm").submit();
})
});
});
<form id="CreateForm">
<input type="text" id="text" />
<input type="submit" value="Submit" id="btnCreate"/>
</form>
答案 0 :(得分:0)
您可以决定在第一个弹出窗口(确认操作弹出窗口)之前还是之后执行此操作
案例1:“在第一次弹出窗口之前:
$(function () {
$("#btnCreate").click(function (e) {
e.preventDefault();
if($('#text').val() === ""){
return swal({
title:"Field cannot be empty",
type:"danger"
})
}
swal({
title: "Ok ?",
text: "text",
type: "info",
showCancelButton: true,
cancelButtonClass: 'btn-secondary waves-effect',
confirmButtonClass: 'btn-success waves-effect waves-light',
confirmButtonText: "Yes",
closeOnConfirm: false,
})
.then(val => {
if (!val) return null;
swal("Saved!", "Your record has been saved.", "success")
.then((confirm) => {
$("#CreateForm").submit();
})
});
});
})
情况2:“弹出后弹出”
$(function () {
$("#btnCreate").click(function (e) {
e.preventDefault();
swal({
title: "Ok ?",
text: "text",
type: "info",
showCancelButton: true,
cancelButtonClass: 'btn-secondary waves-effect',
confirmButtonClass: 'btn-success waves-effect waves-light',
confirmButtonText: "Yes",
closeOnConfirm: false,
})
.then(val => {
if (!val) return null;
if($('#text').val() === ""){
return swal({
title:"Field cannot be empty",
type:"danger"
})
}
swal("Saved!", "Your record has been saved.", "success")
.then((confirm) => {
$("#CreateForm").submit();
})
});
});
})