Javascript表单验证多个

Javascript form validation multiple

本文关键字：验证 表单 Javascript      更新时间：2023-09-26

我必须在javascript中为6种输入类型进行表单验证。当用户按下提交按钮时，它应该给他一个警告窗口，告诉他输入不正确的字段，并将它们变成红色。

<script type="text/javascript">
    function preveriFormo() {
        var ime = document.getElementById('ime');
        var priimek = document.getElementById('priimek');

        if (preveriCrke(ime, "Prosim uporabite samo crke za ime")) {
            if (preveriCrke(priimek, "Prosim uporabite samo crke za priimek")) {
                return true;
            }
        }
        return false;
    }
    function preveriCrke(element, sporocilo) {
        var crke = /^[a-zA-Z]+$/;
        if (element.value.match(crke)) {
            return true;
        } else {
            element.style.backgroundColor = "red";
            alert(sporocilo);
            return false;
        }
    }
</script>
<form onsubmit="return preveriFormo()" >
    Ime <input type='text' id='ime' /><br />
    Priimek <input type='text' id='priimek' /><br />
    <input type="submit" value="Potrdi" />
</form>

我的问题是，我不知道如何使警报窗口列表不正确写入的字段和改变颜色(为所有他们)..在我的示例中，只逐个检查表单。如果有人能告诉我如何解决这个问题，我将非常感激

取flag变量。默认情况下，将值设置为false。如果任何一个验证失败，则设置为true。

return flag;
相关文章：