javascript - javascript 中的 .test() 方法无法正常工作

Question

在此代码中，无论我是否根据模式输入值，“ans”的变量值始终为 false。我无法理解其中的原因。

if (document.getElementById("name") != null)
  var name = document.getElementById("name").value;
alert("name");
var patt = /[A-Za-z0-9]+@[a-z]+\.[a-z]+/;
var ans = patt.test(name);
alert("ans: " + ans);

<form>
  name:
  <input type="text" id="name" value="">
  <input type="submit" value="submit" onClick="validate();">
</form>

Answer 1

试试这个

<form>
    name:
  <input type="text" id="name" value="">
  <input type="submit" value="submit" onClick="validate();">
</form>

<script>
function validate(){
if (document.getElementById("name") != null)
  var name = document.getElementById("name").value;
alert(name);
var patt = /[A-Za-z0-9]+@[a-z]+\.[a-z]+/;
var ans = patt.test(name);
alert("ans: " + ans);
}
</script>