我似乎无法让我的Javascript表单验证工作 [英] I can't seem to get my Javascript form validation to work

问题描述

这是我第一次尝试表单验证，我似乎无法使其工作。我查看了w3schools的代码，看看它是如何实现的，我的看起来很相似，但它不会工作：

This is my first time trying form validation, and I can't seem to get it to work. I looked at the w3schools code on how to do it, and mine looks quite similar, it just won't work though:

这是我的功能：

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 条件中，您使用 = 进行比较，它是您需要使用的赋值运算符 == 用于比较运算符

You are using assignment operator. In the if condition your are using = for comparision, it is the assignment operator you need to use == for comparison operator

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;
    }
}

演示：小提琴

这篇关于我似乎无法让我的Javascript表单验证工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！