Question

我试图在不使用警告框的情况下显示验证错误消息。但它不起作用。以前我成功使用过“innerHTML”。但我不明白为什么它在这里不起作用。这是我的代码。

function validate()
{
  if(document.regform.fname.value.length=="")
    {
       document.getElementById("error").innerHTML="error";
    }    
}

<header>
   <h1>SIGN UP</h1>
</header>
<div class="div1"><img src="img.jpg" width="250px"></div>
<div class="div2" id="div2">
  <form name="regform" onsubmit="return validate()">
     <label><input type="text" name="fName" id="fna"></label>
     <input type="submit" name="submit" value="Sign Up" >
     <p id="error"></p>
  </form>
</div>

<footer></footer>

Answer 1

您的代码中存在一些错误。首先，名称为fName，但您使用的是fname，然后您必须将length与整数值进行比较，而不是空字符串。

如果发生错误，您也想停止提交。因此，如果出现错误，您将返回false。试试这个。

function validate() {
  if (document.regform.fName.value.length == '0') {
    document.getElementById("error").innerHTML = "error";
    return false;
  }
}

<body>
  <header>
    <h1>SIGN UP</h1>
  </header>
  <div class="div2" id="div2">
    <form name="regform" onsubmit="return validate()">

      <label><input type="text" name="fName" id="fna"></label>
      <input type="submit" name="submit" value="Sign Up">
      <p id="error"></p>
    </form>
  </div>
  <footer></footer>
</body>

希望它有效。

在javascript / html中不使用警报显示错误消息

1 个答案: