验证期间的Javascript错误

我想在单击提交按钮时验证表单。在本例中，如果验证返回错误，表单将提交。我不太了解js。任何帮助都是值得的

var check=function（）{
if（document.getElementById（'password'）。值==
document.getElementById（'confirm_password'）。值）{
document.getElementById（'message'）.style.color='green'；
document.getElementById（'message'）。innerHTML='matching'；
}否则{
document.getElementById（'message'）.style.color='red'；
document.getElementById（'message'）。innerHTML='notmatching'；
}
}

---

您需要从
check（）
函数返回
true
或
false
，以指示是否继续或阻止表单提交

下面是更新的
check（）
函数


var check=function（）{
if（document.getElementById（'password'）。值==
document.getElementById（'confirm_password'）。值）{
document.getElementById（'message'）.style.color='green'；
document.getElementById（'message'）。innerHTML='matching'；
返回true；
}否则{
document.getElementById（'message'）.style.color='red'；
document.getElementById（'message'）。innerHTML='notmatching'；
返回false；
}
}
您需要从
check（）
函数返回
true
或
false
，以指示是否继续或阻止表单提交

下面是更新的
check（）
函数


var check=function（）{
if（document.getElementById（'password'）。值==
document.getElementById（'confirm_password'）。值）{
document.getElementById（'message'）.style.color='green'；
document.getElementById（'message'）。innerHTML='matching'；
返回true；
}否则{
document.getElementById（'message'）.style.color='red'；
document.getElementById（'message'）。innerHTML='notmatching'；
返回false；
}
}
对于表单验证，最好使用Jquery验证插件。它非常简单，需要包含Jquery库。试试这个。请参考这张js小提琴


密码
重复密码
$（“#myform”）。验证({
规则：{
psw：{
必填项：true
},
rpsw：{
equalTo:“psw”
}
}
});
对于表单验证，最好使用Jquery验证插件。它非常简单，需要包含Jquery库。试试这个。请参考这张js小提琴


密码
重复密码
$（“#myform”）。验证({
规则：{
psw：{
必填项：true
},
rpsw：{
equalTo:“psw”
}
}
});
使用
e.preventDefault（）密码不匹配


$（'form'）。提交（函数（e）{
if（document.getElementById（'password'）。值==
document.getElementById（'confirm_password'）。值）{
document.getElementById（'message'）.style.color='green'；
document.getElementById（'message'）。innerHTML='matching'；
}否则{
document.getElementById（'message'）.style.color='red'；
document.getElementById（'message'）。innerHTML='notmatching'；
e、 预防默认值（）；
}
});

密码
重复密码
使用
e.preventDefault（）密码不匹配


$（'form'）。提交（函数（e）{
if（document.getElementById（'password'）。值==
document.getElementById（'confirm_password'）。值）{
document.getElementById（'message'）.style.color='green'；
document.getElementById（'message'）。innerHTML='matching'；
}否则{
document.getElementById（'message'）.style.color='red'；
document.getElementById（'message'）。innerHTML='notmatching'；
e、 预防默认值（）；
}
});

密码
重复密码

不要在表单中调用任何submit，它会隐藏submit事件处理程序
您需要使用
onsubmit=“return check（）”
然后
从函数返回false

通常最好使用不引人注目的编码，所以给表单一个ID，然后再试一次

window.onload=function() {
  document.getElementById("myForm").onsubmit=function() {
    if (document.getElementById('password').value ==
      document.getElementById('confirm_password').value) {
      document.getElementById('message').style.color = 'green';
      document.getElementById('message').innerHTML = 'matching';
      return true;
    }
    // no need for else after a return:
    document.getElementById('message').style.color = 'red';
    document.getElementById('message').innerHTML = 'not matching';
    return false;
  }
}

不要在表单中调用任何submit，它会隐藏submit事件处理程序
您需要使用
onsubmit=“return check（）”
然后
从函数返回false

通常最好使用不引人注目的编码，所以给表单一个ID，然后再试一次

window.onload=function() {
  document.getElementById("myForm").onsubmit=function() {
    if (document.getElementById('password').value ==
      document.getElementById('confirm_password').value) {
      document.getElementById('message').style.color = 'green';
      document.getElementById('message').innerHTML = 'matching';
      return true;
    }
    // no need for else after a return:
    document.getElementById('message').style.color = 'red';
    document.getElementById('message').innerHTML = 'not matching';
    return false;
  }
}

修改脚本，如下所示：

var check = function() {

  var error_flag = true;    

  if (document.getElementById('password').value == document.getElementById('confirm_password').value) {
      document.getElementById('message').style.color = 'green';
      document.getElementById('message').innerHTML = 'matching';
      error_flag = true;
  } else {
      document.getElementById('message').style.color = 'red';
      document.getElementById('message').innerHTML = 'not matching';
      error_flag = false;
  }

  return error_flag
}

这里还有一点调整：
onsubmit='return check（）；'

修改脚本，如下所示：

var check = function() {

  var error_flag = true;    

  if (document.getElementById('password').value == document.getElementById('confirm_password').value) {
      document.getElementById('message').style.color = 'green';
      document.getElementById('message').innerHTML = 'matching';
      error_flag = true;
  } else {
      document.getElementById('message').style.color = 'red';
      document.getElementById('message').innerHTML = 'not matching';
      error_flag = false;
  }

  return error_flag
}

这里还有一点调整：
onsubmit='return check（）；'

你到底需要什么？如果验证错误，我不想提交页面。检查完成后删除表单操作和make和ajax调用你到底需要什么？如果验证错误，我不想提交页面。在检查完成后删除表单操作和make和ajax调用这与其他几项相同这里；）现在它与这里的其他几个相同；）好的，参考这张js小提琴，取消否决票。请不要忘记放弃投票，并接受答案：-）。好的，请参考这张js小提琴，删除否决票。请不要忘记放弃投票并接受答案：-）。
<form action="<?php echo site_url().'/login_controller/registration' ?>" role="form" enctype="multipart/form-data" onsubmit='return check();' method="POST">