【问题标题】:alert not displaying in JSJS中不显示警报
【发布时间】:2015-09-16 07:26:38
【问题描述】:

警报未按预期工作!我不知道为什么... 我正在尝试在客户端评估表单。我试过getElementsById,getElementsByName。 我哪里错了? 我确信控制流通过 validate() 立即在 validate 方法中显示一条警告语句!

这是我的代码:

     <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" errorPage="Error.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
function validate() {
    var uname = document.getElementById("uname").value;
    var email = document.getElementById("email").value.indexof('@');
    var pass = document.getElementById("pass").value;
    var rpass = document.getElementById("rpass").value;
    submitOK = true;

    if (uname.length == 0) {
      alert("Username cannot be empty")
      submitOK = false;
    }
    if (email == -1) {
      alert("Not a valid email");
      submitOK = false;
    }
    if (pass.length === 0) {
      alert("Password cannot be empty");
      submitOK = false;
    }
    if (pass != rpass) {
      alert("passwords don't match");
      submitOK = false;
    }
    return submitOK;
  }
</script>
<title>Register</title>
</head>
<body>
<h1>Register</h1>
<br />
<form action="RegInt.jsp" method="post" onsubmit="return validate()">
Enter UserName : <input type="text" name="uname" id="uname" value='${ param.uname}'placeholder="Enter Name" ><br/><br/>
Enter Email:     <input type="email" name="email" id = "email" value='${param.email}'placeholder="Enter Email"><br/><br/>
Enter Password:  <input type="password" name="pass" id = "pass" value='${param.pass}'placeholder="Enter password"><br/><br/>
Repeat Password: <input type="password" name="rpass" id = "rpass" value='${param.rpass}'placeholder="Repeat Password"/><br/>
    <br/><br/>
<input type="submit"/>
</form>
<h4>${errorMsg}</h4>

</body>
</html>

【问题讨论】:

  • 您是否调用了您的函数...validate()?还要确保编码正确。
  • 首先,您应该提供一些上下文。您要验证的输入在哪里?请使用jsfiddle.net,请显示一些html。
  • 我做到了。 onsubmit = "return validate()"
  • 我注意到你有一些错别字。 alret() 应该是 alert()
  • 先生...非常感谢...一旦我更正了“indexOf”,一切正常

标签: javascript validation alert


【解决方案1】:
  1. alret 和 indexOf 的拼写!
  2. getElementById 是单数
  3. submitOK="false" 将 submitOK 设置为 true,因为非空字符串是真实的。使用submitOK=false
  4. 您在提问时没有返回 submitOK

    function validate() {
      var uname = document.getElementById("uname").value;
      var email = document.getElementById("email").value.indexOf('@');
      var pass = document.getElementById("pass").value;
      var rpass = document.getElementById("rpass").value;
      submitOK = true;

      if (uname.length == 0) {
        alert("Username cannot be empty")
        submitOK = false;
      }
      if (email == -1) {
        alert("Not a valid email");
        submitOK = false;
      }
      if (pass.length === 0) {
        alert("Password cannot be empty");
        submitOK = false;
      }
      if (pass != rpass) {
        alert("passwords don't match");
        submitOK = false;
      }
      return submitOK;
    }
<h1>Register</h1>
<br />
<form action="RegInt.jsp" method="post" onsubmit="return validate()">
  Enter UserName :
  <input type="text" name="uname" id="uname" value='${ param.uname}' placeholder="Enter Name">
  <br/>
  <br/>Enter Email:
  <input type="email" name="email" id="email" value='${param.email}' placeholder="Enter Email">
  <br/>
  <br/>Enter Password:
  <input type="password" name="pass" id="pass" value='${param.pass}' placeholder="Enter password">
  <br/>
  <br/>Repeat Password:
  <input type="password" name="rpass" id="rpass" value='${param.rpass}' placeholder="Repeat Password" />
  <br/>
  <br/>
  <br/>
  <input type="submit" />
</form>

【讨论】:

    【解决方案2】:

    首先检查拼写 s 并更正它们。然后注释所有字段并开始逐行排除故障。你会赢。问候!

    【讨论】:

    • 这不是答案。请等到您有足够的代表发表评论
    • 你在说什么?
    猜你喜欢
    • 1970-01-01
    • 2016-06-03
    • 2013-01-28
    • 2016-01-15
    • 2011-11-17
    • 1970-01-01
    • 2021-10-19
    • 1970-01-01
    • 2011-11-13
    相关资源
    最近更新 更多