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

时间:2013-04-27 09:02:01

标签: javascript html forms validation

这是我第一次尝试表单验证,而我似乎无法让它工作。我查看了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" />

请忽略表格代码。

我做错了什么?

1 个答案:

答案 0 :(得分: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