javascript - 简单的 Javascript 不执行任何操作，控制台中没有错误

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 7 年前。

Improve this question

我正在编写一个简单的 Javascript 表单验证器，但是当我运行它时，它根本没有执行任何操作。

function submitFunction()
{
  var x = document.forms["myForm"]["username"].value;
  var y = document.forms["myForm"]["pwd"].value;
  if(x == null || x == "" || y == null || y == "")
  {
    alert("Both fields cannot be empty");
  }
  else
  {
    alert("Username" + x + " Password: " + y);
  }
}

我错过了一些简单的事情吗？

它的名字是这样的:

<div id="register">
<form name='registration' id="registration" onSubmit="return     formValidation()">

Username: <input type="text" name="username"><br>

Password:  <input type="password" name="pwd"><br>
<input type="submit" value="Submit">
</form>
</div>

Answer 1

这里有两个问题:您的 onSubmit 回调没有调用正确的函数，并且您的 SubmitFunction 没有访问正确的表单 ID。

这应该按预期工作:

HTML:

<div id="register">
<form name='registration' id="registration" onSubmit="return submitFunction()">

Username: <input type="text" name="username"><br>

Password:  <input type="password" name="pwd"><br>
<input type="submit" value="Submit">
</form>
</div>

Javascript:

function submitFunction(){

  var x = document.forms["registration"]["username"].value;
  var y = document.forms["registration"]["pwd"].value;
  if(x == null || x == "" || y == null || y == "")
  {
    alert("Both fields cannot be empty");
    return false;
  }
  else
  {
    alert("Username" + x + " Password: " + y);
  }
}

http://codepen.io/shshaw/pen/yOKoaG?editors=1010