Javascript表单验证多次

时间:2013-06-01 09:54:42

标签: javascript forms validation

我必须在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>

我的问题是,我不知道如何使用未正确写入文件的列表制作警报窗口并更改颜色(对于所有这些)..在我的示例表单中,只能逐个检查。如果有人能告诉我如何解决这个问题,我会非常感激。

1 个答案:

答案 0 :(得分:0)

取一个flag变量。默认情况下,将值设置为false。如果任何一个验证失败,则放入true。 比返回标志

return flag;