jQuery阻止提交表单的实现方法

Posted 2021-06-27 花伤情犹在

当表单条件不满足时,Query阻止提交表单的几种方法

---

方法一:

$(function () { $("input[type=submit]").click(function (event) {
/**如果不满足表单提交的条件
阻止提交表单 if(){event.preventDefault();}        
*/
    if(){
      event.preventDefault();
	}
/**如果满足表单提交的条件
跳转到成功提交表单后的页面if(){location.href='表单提交地址url';}
*/
	if(){
		location.href='url';
	}
})

方法二：

在 form 表单中设置 action 属性，然后将 input 的类型 type = “submit” 改为 type = “button”，然后在提交表单时执行以下jq代码。

$(function () { 
$("#submitButton").click(function (event) { 
	if () { 
	//如果不满足表单提交条件，返回false 
	return false; 
	} else { 
	//满足提交表单的条件则返回true 
	return true; } 
}); })