我似乎无法让我的 Javascript 表单验证工作答案

【问题标题】：I can't seem to get my Javascript form validation to work我似乎无法让我的 Javascript 表单验证工作
【发布时间】：2013-04-27 09:02:00
【问题描述】：

这是我第一次尝试表单验证，但我似乎无法让它工作。我查看了如何做到这一点的 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" />

请忽略表格代码。

我做错了什么？

【问题讨论】：

标签： javascript html forms validation

【解决方案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;
    }
}

演示：Fiddle

【讨论】：