JavaScript表单验证多个

Question

I must make form validation in javascript for 6 input types. When user press on submit button it should give him alert window about the fields which were not typed correctly and turn them into red..

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

My problem is that I dont know how to make alert window with list of not correctly writen fileds and change color( for all of them).. in my example forms are only checked one-by-one. I would really appriciate if anyone could him me a hint how to solve this

Answer 1

take a flag variable.By default put the value to false .If any one of the validation fails then put true . Than return flag

return flag;