javascript - 即使在 sweetalert2 中按下取消按钮,也提交数据
问题描述
按下确认按钮时,我能够发送数据。
但是,当按下取消按钮时, sweetalert2 显示它已成功插入数据。
后端显示为一个空字符串。(在数据库表中)
当我按下取消按钮时如何验证,而不是向后端发送数据。
Javascript函数
function inputPass(complaintID) { // complaint id pass is ok.
swal({
text: 'Input comment message',
input: 'textarea',
showCancelButton: true,
}).then(function(sample_text) {
console.log(sample_text);
if(sample_text === '') { // problem is here.
swal({
type: 'warning',
html: 'cannot proceed without input'
});
} else {
console.log(sample_text);
$.ajax({
type: "POST",
url: "../ajax/ajax_active_deact.php?type=complaint_answered",
data: {complaintID: complaintID, sampleText: sample_text}
}).done(function (res) {
if(!res) {
swal({
type: 'error',
html: 'insert the valid text'
});
} else {
swal({
title: 'done',
text: 'all right',
type: 'success',
allowOutsideClick: false,
confirmButtonText: 'Ok'
});
}
});
}
});
}
php ajax 代码
function complaint_answered() {
include_once('../backend/ConsumerComplaint.php');
$con_complaint = new ConsumerComplaint();
$res = $con_complaint>mark_as_answered($_POST['complaintID'],$_POST['sampleText']);
echo $res;
}
这是我的课堂功能
function mark_as_answered($id, $comment) {
//var_dump($comment);
$val = $comment['value']; // $comment is a associative array, with the key of 'value'
$sql = "UPDATE c_consumer_complaint SET `status` = 'answered', `update` = '$val'
WHERE complaint_id = '$id' ";
$res = $this->conn->query($sql);
return $res;
}
我是开发新手,无法解决如何解决这个问题。请任何人都可以告诉我我在这里做错了什么。谢谢!
解决方案
result.value
如果用户单击确定,您只会得到,因此您可以检查是否有一个值,如果它为空,则显示您的错误消息。如果没有价值,什么都不会发生。
片段:
swal({
text: 'Input comment message',
input: 'textarea',
showCancelButton: true,
}).then(function(result) {
if(result.value) {
$.ajax({
type: "POST",
url: "../ajax/ajax_active_deact.php?type=complaint_answered",
data: {complaintID: complaintID, sampleText: result.value}
}).done(function (res) {
if(!res) {
swal({
type: 'error',
html: 'insert the valid text'
});
} else {
swal({
title: 'done',
text: 'all right',
type: 'success',
allowOutsideClick: false,
confirmButtonText: 'Ok'
});
}
});
} else if (result.value === "") {
swal({
type: 'warning',
html: 'cannot proceed without input'
});
}
});
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.7/dist/sweetalert2.all.min.js"></script>
你的班:
在您的php ajax 代码中,您传递的$_POST['sampleText']
不是数组而是字符串,因此$comment['value']
不包含文本。
function mark_as_answered($id, $comment) {
//var_dump($comment);
$val = $comment;
$sql = "UPDATE c_consumer_complaint SET `status` = 'answered', `update` = '$val'
WHERE complaint_id = '$id' ";
$res = $this->conn->query($sql);
return $res;
}
PS:请自学SQL 注入,以免人们将有害代码注入您的 SQL 查询。
推荐阅读
- vue.js - 如何从 vue 中的 vuex 计算的 getter 忽略页面加载时的 @input 事件?
- apache - Trac: - htpasswd 或 ldap 将用户设置为匿名
- r - R Openxlsx 包(版本 4.2.2) - 文件中的错误(描述 = xlsxFile):无效的“描述”参数
- javascript - 节点 14.4.0 | 电子 10.1.2 | WebGL 上下文在类中返回 null
- json - Bash 列出所有 json 路径
- python - Python按小时和分钟对数据进行子集化,忽略日期
- string - SwiftUI String 一个字符一个字符地显示
- google-apps-script - 使用 Appscript 将每列的最后一行替换为 G-Slides
- azure - 在 Azure AD 上,您在哪里看到失败的应用程序登录尝试
- cmd - 由于缺少管理员权限,我无法访问 F:/ 目录中的 SD 卡,如何使用命令提示符进行更改?