Javascript 使用Sweet Alert(又名Swal)提交表单
我正在使用Swal替换所有JavaScript默认警报和内容。 我的一个页面上有一个表单,我正在使用Swal请求用户在执行之前确认他的操作(删除文件) 问题是我无法使表格工作。以下是Swal代码:Javascript 使用Sweet Alert(又名Swal)提交表单,javascript,jquery,forms,submit,sweetalert,Javascript,Jquery,Forms,Submit,Sweetalert,我正在使用Swal替换所有JavaScript默认警报和内容。 我的一个页面上有一个表单,我正在使用Swal请求用户在执行之前确认他的操作(删除文件) 问题是我无法使表格工作。以下是Swal代码: jQuery('.deleteFile').click(function(event){ event.preventDefault(); swal({ title: "You sure about deleting this file?", icon:
jQuery('.deleteFile').click(function(event){
event.preventDefault();
swal({
title: "You sure about deleting this file?",
icon: "warning",
buttons: {
cancel: "hmm let me think this through",
confirm: "100% sure !",
},
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
$('#form1').submit();
} else {
return false;
}
});
});
这是我的提交按钮:
<button type="submit" name="delete_file" class="btn btn-danger deleteFile">Delete</button>
但它什么都不回应(QQ)
不用说,delete_file是我的提交按钮的name属性
不用说,delete_file是我的提交按钮的name属性
这就是问题所在。只有单击“提交”按钮时,才会提交该按钮的名称。如果使用JavaScript提交表单,则不会提交提交按钮名称和值
为了防止出现这种情况,您可以将名称/值添加到隐藏的输入中,而不是在“提交”按钮中,如下所示:
<input type="hidden" name="delete_file" value="Delete">
或者你可以检查是否设置了另一个字段,比如你想删除的文件的id。首先,Java和JavaScript是两个稍有不同的东西:DYeah就像我说的,me=>完全是新手:一位智者曾经说过:“@ArashBarazandeh”。您确定有一个
method=“POST”
作为表单属性,并且有一个输入字段“delete\u file
”?@Ivar:100%确定。当我删除整个Swal代码时,表单和echo部分工作得很好。我的Swal编码有一些问题:-/我完全不知道这一部分:“如果你用JavaScript提交表单,提交按钮的名称和值就不会被提交。”谢谢你提到这一点。你隐藏的输入建议非常有效。也谢谢你:o)
<input type="hidden" name="delete_file" value="Delete">