Question

我有一张表格：

<form name="char-add" id="char-add" action="added.php" method="post"
 onsubmit="charAddValidate()">
    <input type="text" name="Name" id="Name" onkeyup="charNameSelected()" autocomplete="off" />
</form>

charNameSelected()只是在框中输入内容时显示下一个div。

然后是一些作用于表单的Javascript代码：

function charAddValidate() {
    x = document.forms["char-add"]["Name"].value;
    if (x == "" || x == null) {
        alert("Name is required");
        return false;
    } else {
        return true;
    }
}

代码有效，如果名称留空，它确实给出了警告框，但如果我确定，它仍然继续提交表单，导致我的php验证错误;）

我哪里出错（我希望在js验证失败时不提交页面）。我知道我可能错过了其他人明显的东西：）

Answer 1

尝试添加返回：

… onsubmit="return charAddValidate()">

Answer 2

尝试将您的onsubmit更改为

"return charAddValidate();"

JavaScript验证 - 页面仍在处理中

2 个答案: