Abfrage bei Pflichtfeldern - Kontaktformular

[monaco]

Hi zusammen,

ich habe ein Kontaktformular mit Pflichtfeldern. Wenn eines nicht ausgefüllt ist, wird eine entsprechende Meldung ausgegeben.
Gibt es eine Möglichkeit, dass diese Meldung nicht unmittelbar unter der Beschriftung des Textfeldes ausgegeben wird, sondern
vielleicht als Java Script - Box oder ähnliches?

[monaco]

Ich frage deshalb nach, weil angeblich User, welche das ausgefüllte Kontaktformular obwohl nicht alle Pflichtfelder ausgefüllt sind, meinen dieses versendet zu haben. Diese Pflichtfelderhinweise sehen die Besucher, insbesondere auf einem Mobilen Endgerät nicht.
www.hebammenpraxiskreuzlingen.ch

Wie kann man das anders lösen?

[tintifax]

Naja, wenns Pflichtfelder sind, dann müssen die auch ausgefüllt sein, sonst können sie ja nicht absenden.

Du könntest zb zum Hinweistext scrollen lassen, müsste class="error" sein

Wenn alles sauber responsiv ist, sollte es auch Mobil angezeigt werden.

[monaco]

Naja, wenns Pflichtfelder sind, dann müssen die auch ausgefüllt sein, sonst können sie ja nicht absenden.

Du könntest zb zum Hinweistext scrollen lassen, müsste class="error" sein

Wenn alles sauber responsiv ist, sollte es auch Mobil angezeigt werden.

Für mich ist das auch über Contao sauber gelöst. Doch es gibt anscheinend doch Menschen, die glauben, auch wenn das Formular nicht vollständig ausgefüllt und sie die entsprechenden Meldungen nicht sehen, dennoch abgesendet wurde.

Wo muss ich denn die Klasse genau einbauen?

[tintifax]

Wo muss ich denn die Klasse genau einbauen?

Nirgends, die gibts schon.

Die mußt Du mit Javascript ansprechen und die scroll funktion einbauen (lassen)

Javascript Code kannst dann im Seitenlayout unter Eigener Javascript-Code einfügen

Hier ein Codebeispiel, das Du vermutlich noch anpassen müsstest:

<script>
$(document).ready(function() {
        var el = $('p.error');
        if (el[0]) {
                if (el.offset().top > $(window).height()) {
                        $('html, body').animate({
                                scrollTop: el.offset().top -120
                        },'slow');
                }
        }
});
</script>