我似乎不能让我的Javascript表单验证工作

I can't seem to get my Javascript form validation to work

本文关键字:Javascript 表单 验证 工作 我的 不能      更新时间:2023-09-26

这是我第一次尝试表单验证,我似乎不能让它工作。我看了w3schools的代码如何做到这一点,我的看起来很相似,它只是不工作:

下面是我的函数:

function validateUserName(NewUser) {
    var u = document.forms["NewUser"]
    var length = u.length;
    if (u.user.value = null || u.user.value = "") {
        alert("You left Username field empty");
        return false;
    }
}

这是我的表单:

<form name="NewUser" onsubmit="return validateUserName()" action="">
    <tr>
        <td>Username:</td>
        <td>
            <input type="text" name="user" />
        </td>
    </tr>
    <tr>
        <td class="Information"><em>4-11 characters...</em></td>
    </tr>
    <input type="submit" value="Submit" />

请忽略表格代码。

我做错了什么?

您正在使用赋值运算符。在if条件中,您使用=进行比较,您需要使用==进行比较运算符

function validateUserName() {
    var u = document.forms["NewUser"]
    var length = u.length;
    if (u.user.value == null || u.user.value == "") {
        alert("You left Username field empty");
        return false;
    }
}

演示:小提琴