我似乎无法让我的Javascript表单验证正常工作

Question

这是我第一次尝试表单验证，但似乎无法正常工作。 我看了一下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" />

请忽略表代码。

我究竟做错了什么？

Answer 1

您正在使用赋值运算符。 在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;
    }
}

演示： 小提琴