如何解决使用JQuery确认后无法提交表单
我正在尝试使用JQuery提交表单,但似乎没有提交。我究竟做错了什么?这是我的JS代码:它不记录hello
字。
document.querySelector("form#myForm").addEventListener('submit',validateForm)
function validateForm(e)
{
e.preventDefault();
var values = $('#myForm').serialize();
$.ajax({
url: "<?php echo route('validate') ?>",method: 'GET',async:false,data: values,success: function(data) {
var data = JSON.parse(data);
var text = data.text;
var image_url = data.image;
swal({
html: "<div style='text-align: left; margin-left: 10px'><strong>Preview</strong></div>",showCancelButton: true,confirmButtonText: "Yes",cancelButtonText: "No",confirmButtonColor: "#00ff55",cancelButtonColor: "#999999",reverseButtons: true,}).then((result) => {
if (result.value) {
$("#myForm").submit(function(e){
console.log('hello')
});
}
});
}
});
return false;
}
这是form
开头标签属性-<form action="{{url('test')}}" method="post" onsubmit="return validateForm(e);" id="myForm" name="a-form">
解决方法
由于在控制台(开发人员工具)上看不到.spec.strategy.type==Recreate
,因此您是否也检查了任何错误。因此很可能无法打印。
对于您的代码,hello
基本上与document.querySelector("form#myForm").addEventListener('submit',validateForm)
做相同的事情。因此,实际上它会两次执行请求。您可以删除任何一个。另外,请确保您的路线已正确打印在onsubmit="return validateForm(e);"
上。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。