javascript - 必填字段的验证函数较短

Question

在带有 typescript 的 HTML 应用程序中，我有一个 HTML 表单。该表格有一些必填字段。在我的 typescript 文件中，我正在构建如下错误消息:

hasErrors() {
    let errorCount = 0;

    if (!item.Field1()) {
        this.ErrorText('"Field1"');
        errorCount++;
    }
    if (!item.Field2()) {
        if (errorCount > 0)
            this.ErrorText(this.ErrorText() + ', "Field2"');
        else
            this.ErrorText('"Field2"');
        errorCount++;
    }
    if (!item.Field3()) {
        if (errorCount > 0)
            this.ErrorText(this.ErrorText() + ', "Field3"');
        else
            this.ErrorText('"Field3"');
        errorCount++;
    }

    // ...

    if (errorCount > 1)
        this.ErrorText("The fields " + this.ErrorText() + " are required.";
    else if (errorCount == 1)
        this.ErrorText("The field " + this.ErrorText() + " is required.";
    else
        return false;
    return true;
}

如您所见，如果需要很多字段，则该函数会变得很长。有没有更好/更短的方法来获得相同的结果？

Answer 1

这将显示默认需要消息

  <form action="includes/loginprocess.php" method="POST">
    <input type="text" name="user" placeholder="Username" required>
    <input type="password"name="pass" placeholder="Password" required>
    <input type="submit" value="Login">
  </form>