Javascript 无法使用JQuery在确认时提交表单
我正在尝试使用JQuery提交表单,但它似乎没有提交。我做错了什么?这是我的JS代码:它不会记录Javascript 无法使用JQuery在确认时提交表单,javascript,jquery,laravel,Javascript,Jquery,Laravel,我正在尝试使用JQuery提交表单,但它似乎没有提交。我做错了什么?这是我的JS代码:它不会记录helloword document.querySelector("form#myForm").addEventListener('submit', validateForm) function validateForm(e) { e.preventDefault(); var values = $('#myForm').serial
hello
word
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;
}
document.querySelector(“表单#myForm”).addEventListener(“提交”,validateForm)
函数validateForm(e)
{
e、 预防默认值();
变量值=$('#myForm')。序列化();
$.ajax({
url:“”,
方法:“GET”,
async:false,
数据:价值观,
成功:功能(数据){
var data=JSON.parse(数据);
var text=data.text;
var image_url=data.image;
游泳({
html:“预览”,
showCancelButton:true,
confirmButtonText:“是”,
cancelButtonText:“否”,
confirmButtonColor:#00ff55“,
cancelButtonColor:#999999“,
反转按钮:正确,
})。然后((结果)=>{
if(result.value){
$(“#myForm”).submit(函数(e){
console.log('hello')
});
}
});
}
});
返回false;
}
这是
表单
打开标记属性-
由于您在控制台(开发人员工具)上没有看到您的hello
,因此您是否也检查了任何错误。很可能是因为这个原因而没有打印出来
至于您的代码,
document.querySelector(“form#myForm”).addEventListener(“submit”,validateForm)
基本上与onsubmit=“return validateForm(e);”
做的事情相同。所以它实际上要做两次请求。您可以删除其中一个。还要确保您的路线正确打印在url
1上-首先检查浏览器中的“控制台和网络”选项卡。2-如果控制台和网络选项卡中没有错误,则验证控制器中的dd会给出200状态,以确保表单数据是否如下所示url:“{route('validate')}”
@Adam I已经dd
在控制器中,但仍然没有。这解决了我的问题-控制台上没有错误。我还应该在哪里查找错误?