Javascript 如何处理提交表单jquery失败的问题
我的联系人表单页面有问题。我在点击提交按钮后进行了回调。我试图不填写Javascript 如何处理提交表单jquery失败的问题,javascript,jquery,Javascript,Jquery,我的联系人表单页面有问题。我在点击提交按钮后进行了回调。我试图不填写nametextbox,但表单仍然提交 我的代码: 函数sendFeedback(){ 提醒(“感谢您的反馈:)”; } 名称: 电子邮件: 主题: 消息: 您应该将更改为表单提交和警报触发是两件完全不同的事情。输入上的required属性工作正常。如果您将任何必需的输入留空,表单将不会提交到服务器,相反,您将在您使用的任何浏览器中触发标准错误消息(通常是红色轮廓和弹出框) 无论表单是否成功提交,您拥有的Java
name
textbox,但表单仍然提交
我的代码:
函数sendFeedback(){
提醒(“感谢您的反馈:)”;
}
名称:
电子邮件:
主题:
消息:
您应该将
更改为表单提交和警报触发是两件完全不同的事情。输入上的required
属性工作正常。如果您将任何必需的输入留空,表单将不会提交到服务器,相反,您将在您使用的任何浏览器中触发标准错误消息(通常是红色轮廓和弹出框)
无论表单是否成功提交,您拥有的JavaScript(即您的警报)都将触发,因为它是在提交之前执行的。您需要在函数末尾执行类似于e.preventDefault()
或return false
的操作,但这将阻止表单完全提交
正如@dvenkatsagar所说,最好的选择是将onclick
更改为onsubmit
您可以使用event.preventDefault()停止表单的默认行为。你试过了吗?检查这个答案:我正在这里进行验证和错误处理。警报
不会阻止提交。建议您学习一些表单验证教程。我认为可能与此重复:请参阅以下帖子:
test(e){
e.preventDefault();
/* do some validations here */
document.querySelector("form").submit();
}