Question

我希望按下提交按钮，如果输入不正确（即只有字母）而不是警告（id =＆＃34; fn_warn＆＃34;）变得易碎，但代码不起作用。我认为他们的问题与getElementById有关。函数isAlpha检查值是否仅为字母。

<!DOCTYPE HTML>
<head>
</head>

<body>
<form>
  First name
        <input id="first_name" type="text"/>
            <p id="fn_warn" style=" visibility: hidden; color: red;">#Please enter a valid name...</p>


          <input class="button" onclick="validate();" type="submit" value="Submit" />
          <input class="button" type="reset" />
</form>
</body>
</html>

<script>

function validate(){
var submit=false;
var x = document.getElementById("first_name");
if (isAplha(x.value)){
    submit=true;
} else {
    var y = document.getElementById("fn_warn");
    y.style.visibility = "visible";
}
}

function isAlpha(value){
if (value.match(/^[A-Za-z]+$/)){
    return true;
} else {
    return false;
}
}

</script>

Answer 1

你有＆＃34; isAphla（x.value）＆＃34;而不是isAlpha

Answer 2

我建议使用两件事：修复您的第一个if语句，而不是isAplha，而不是isAlpha，如果这不能解决，请检查浏览器的控制台错误，当你使用JS时，这总是一个好主意。

getElementById有什么问题

2 个答案: