JavaScript 表单验证为 false 时

Question

这真的让我很烦恼。我只是希望如果函数返回 false，则表单不提交。这是脚本。

function checkPass(){
                          var pass1 = document.getElementById('pass');
                          var pass2 = document.getElementById('pass2');
                          var message = document.getElementById('confirmMessage');
                          var goodColor = "#224466";
                          var badColor = "#900000";
                          if(pass1.value == pass2.value){
                            pass2.style.backgroundColor = goodColor;
                            
                            
                            return true;
                          }else{
                            pass2.style.backgroundColor = badColor;
                            
                            
                            return false;
                          }
                        }

当我使用时，表单仍然提交:

<form onsumbit="checkPass();">
</form>

当我使用时:

<form>
<input type="submit" onclick="checkPass();">
</form>

但运气不好。有什么想法吗？

Answer 1

在您的表单的onsubmit事件中使用它:

onsubmit="return checkPass()"

或者您的提交按钮(输入标签):

onclick="return checkForm()"