JQuery, Required, Formvalidation funktioniert nicht in IE8 - Selektorenproblem?

Carrear · 8. November 2013

Hi Leute,

für das Attribut 'required' wollte ich JavaScript schreiben, damit auch in alten IE's entsprechend nicht versendet wird und ich dann auf CSS Basis Fehlermeldungen etc anzeigen kann.

Ich habe dafür 3 Ansätze ausprobiert, aber nichts klappt. Nun kann ich auch nicht ganz realistisch IE 8 Umgebung schaffen, da ich nur IE 10 installiert habe und da in den Developer Tools umstelle auf alte Engines. IE Tester funktioniert hier eigentlich fast gar nicht was JavaScript angeht

Also hier mal so im wesentlichen die 2 Möglichkeiten die ich versucht habe:

Code:

<script type="text/javascript">
        $(document).ready(function() {
            $('form').submit(function(event){
                var isFormValid = true;
                $("input[required]").each(function(){
                    if($.trim($(this).val()).length === 0){
                        $(this).addClass("leer");
                        isFormValid = false;
                    } else {
                        $(this).removeClass("leer");
                    }
                });
                if(!isFormValid) {
                    alert("Bitte füllen Sie alle erforderlichen Angaben (mit * gekennzeichnet) aus.");
                }
                event.preventDefault();
            });
        });
</script>

Dann habe ich es mit der Klasse versucht:

Code:

<script type="text/javascript">
        $(document).ready(function() {
            $('form').submit(function(event){
                var isFormValid = true;
                $("input.required").each(function(){
                    if($.trim($(this).val()).length === 0){
                        $(this).addClass("leer");
                        isFormValid = false;
                    } else {
                        $(this).removeClass("leer");
                    }
                });
                if(!isFormValid) {
                    alert("Bitte füllen Sie alle erforderlichen Angaben (mit * gekennzeichnet) aus.");
                }
                event.preventDefault();
            });
        });
</script>

Leider funktioniert nichts im IE 8

Quaese · 10. November 2013

Hi,

folgendes Dokument funktioniert bei mir im IE8 - sowohl bei einem required-Attribut mit Wert als auch ohne Wert.

Code:

<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Quaese">
<title>www.tutorials.de</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('form').submit(function(event){
        var isFormValid = true;
        $("input[required]").each(function(){
            if($.trim($(this).val()).length === 0){
                $(this).addClass("leer");
                isFormValid = false;
            } else {
                $(this).removeClass("leer");
            }
        });
        if(!isFormValid) {
            alert("Bitte füllen Sie alle erforderlichen Angaben (mit * gekennzeichnet) aus.");
        }
        event.preventDefault();
    });
});
</script>
<style type="text/css">
.leer{
    border: 1px solid red;
}
</style>
</head>
<body>
<form action="">
    <input type="text" name="eins" required="required" />
    <input type="text" name="zwei" />
    <input type="text" name="drei" required />
    <input type="submit" />
</form>
</body>
</html>

Vielleicht kommt es zu Problemen, weil das required-Attribut ab IE 10 nativ unterstützt wird. Wird in den Entwicklertools auf eine ältere Version umgestellt, kommt es dann zu Interpretationsproblemen.

Ciao
Quaese

JQuery, Required, Formvalidation funktioniert nicht in IE8 - Selektorenproblem?

Carrear

Erfahrenes Mitglied

Quaese

Moderator

Neue Beiträge