javascript - 返回 false 后表单仍在提交

Question

我已添加验证，但即使脚本返回 false，表单仍会提交

表单提交

 <form action=payment.php method=POST name=UserForm id=UserForm onsubmit="return check(this);return false;">    

Javascript

 function check(event) {    

 $('input').each(function() {
    if(!$(this).val()){
        alert('Some fields are empty');
       return false;
    }
   });  


   } 

Answer 1

jQuery each 内的

return false; 不起作用。您正在匿名函数内返回，而不是在函数 check(event) 内返回。 您需要做的是使用一个标志。

function check(event) {  
    var errorFlag = false;
    $('input').each(function() {

        if(!$(this).val()){
            alert('Some fields are empty');
            errorFlag = true;
        }

    }); 

    return !errorFlag;
}