✔ jquery input pattern prüfen

[Basti_2015]

Hi, ich prüfe mit einer Jqueryfunktion auf die Eigenschaften der input-pattern-Regeln.
Mein Problem liegt jetzt aber daran, das wenn 3 von 4 richtig sind, er mir trotzdem alle 4 Rot markiert.

var failed = 0;
        $('input').each(function () {
            var element = $(this);

            var value = element.val();
            var pattern = element.attr('pattern');
            var regex = new RegExp(pattern);
            var result = regex.exec(value);
            if ( result === null) {
                failed = 1;
                element.css('border-color', 'red');
                $( element ).focus();
            } else {
                //element.css('border-color', 'green');
            }
        });

Ich könnte auch jedes Feld einzeln prüfen, aber es muss doch auch kompakter gehen.

 

[Basti_2015]

Ich war mal wieder Blind.... -> //element.css('border-color', 'green');

 

[Sempervivum]

Warum benutzt Du denn nicht konsequent die Möglichkeiten der Formularvalidierung von HTML5? Damit kannst Du u. a. auch die Rahmen farbig machen:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation

 

[Basti_2015]

Hi, gute Frage. Seit dem ich das Formular per jqeruy ajax absende, ignoriert er die HTML5
type="number" / email / require etc., das Formular sendet alles ab. Daher prüfe ich dass so und in php sowieso.

Danke für den Tip mit der Formularvailidierung. Werde ich mir merken, für andere Projekte.