Question

我有一个在提交时调用的javascript函数。

<script>
function validateLogin() {
    var x = document.forms["login"]["username"].value;
    var y = document.forms["login"]["password"].value;
    if (x == "" && y == "") {
        alert("Please enter an email and password!");
    } else if (x == "") {
        alert("Please enter an email!");
    } else if (y == "") {
        alert("Please enter a password!");
    } else {
        return false;
    }
}
</script>

并且被称为onsubmit="return validateLogin()"

该功能正常工作但是当警报出现并且您单击“确定”时，页面将刷新。有没有办法让它更新鲜？

Answer 1

发生错误时，您需要GeneratePosition停止表单提交和页面重定向。
无需上次return false;
else用户名值

代码：

trim

我还建议您对必填字段使用HTML-5 <script> function validateLogin() { var x = document.forms["login"]["username"].value.trim(); var y = document.forms["login"]["password"].value; if (x == "" && y == "") { alert("Please enter an email and password!"); return false; // Here } else if (x == "") { alert("Please enter an email!"); return false; // Here } else if (y == "") { alert("Please enter a password!"); return false; // Here } } </script>属性。

required

Answer 2

function validateLogin() {
  var x = document.forms["login"]["username"].value;
  var y = document.forms["login"]["password"].value;
  if (x == "" && y == "") {
    alert("Please enter an email and password!");
return false;
   } else if (x == "") {
    alert("Please enter an email!");
    return false;
   } else if (y == "") {
    alert("Please enter a password!");
    return false;
   }
}

javascript登录验证

2 个答案: