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

当表单条件不满足时,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; } 
}); })
经验分享 程序员 微信小程序 职场和发展