Question

我得到了一个带有一些输入字段的aesy公式，我必须验证。

问题是：如果两个输入字段为空，我该怎么检查？而不是发出警报？

<input type="text" class="field1" name="vorname"  id="vorName"/>
<input type="text" class="field1" maxlength="30" name="vorname" id="nachName"/>

警报应该如下所示：输入字段：Vorname和Nachname不正确/空！

Answer 1

您可以使用HTML5的this post属性进行验证，而不是显示alert。

<input type="text" class="field1" name="vorname" id="vorName" required />
<!--                                                          ^^^^^^^^ -->
<input type="text" class="field1" maxlength="30" name="nachname" id="nachName" required />
<!--                                                                           ^^^^^^^^ -->

<强>需要：

此属性指定用户必须在提交表单之前填写值。当type属性为hidden，image或按钮类型（提交，重置或按钮）时，无法使用它。：optional和：必需的CSS伪类将适用于该字段。

如果某些浏览器不支持此功能，您可以使用polyfill。

解决了问题：

function proof() {
    var elements = document.getElementsByClassName("field1");

    var fehler = [];
    var meldung = "Bitte noch folgende(s) Eingabefeld(er) füllen: \n";

    for (var i = 0; i < elements.length; i++) {
        if (i != 3) {
            if (!elements[i].value) {
                fehler.push(elements[i].name);
            }
        }
    }

    for (var i = 0; i < fehler.length; i++) {
        meldung += " - " + fehler[i] + "\n";
    }

    if (fehler.length > 0) {
        alert(meldung);
        return false;
    }
}

来自两个输入字段/警报的值

1 个答案: