Html5-Formularelement "erforderlich" auf iPad / iPhone funktioniert nicht

StackOverflow https://stackoverflow.com//questions/10664356

Frage

iPad Safari soll html5-kompatibel sein, aber es scheint, dass das erforderliche Element nicht funktioniert.Weiß jemand warum oder hat er eine anständige Problemumgehung, die nicht viel JavaScript erfordert?

Mein Code

<input type=email class=input placeholder="Email" name="email" required>
War es hilfreich?

Lösung

Es wird noch nicht in iOS unterstützt: Wann kann ich verwenden: erforderlich .

Andere Tipps

Dies ist eine JQuery-Lösung für das Problem, er zeigt auch die Eingabefelder, die auch in einer kleinen Farbe fehlgeschlagen sind. generasacodicetagpre.

Da iOS 10.3 diese Attribute unterstützt werden.Auch E-Mail-Typ benötigen auch das Schreiben des @ -Symbols und so auf ...

Wenn Sie JQuery, Modernizr und Yepnop bereits verwenden, ist dies eine Möglichkeit, um damit umzugehen.Wenn Sie nicht sind, fügt dies kein zusätzliches JavaScript hinzu.

meine Lösung

Ich denke, Sie können vor der Übermittlungsaktion so etwas tun 

<form name="myForm" action="valid.html" onsubmit="checkValid()" method="post">
  ... ...
</form>

nach dem Drücken submit Schaltfläche, checkValid() wird evoziert, bevor es sich tatsächlich unterwirft.ein Rückgabewert von truewird die Übermittlungsaktion fortsetzen.

beziehen Sie sich auf dieser Beitrag zur weiteren Erläuterung.:)

Wenn Sie PHP verwenden, können Sie eine beliebige Validierung hinzufügen generasacodicetagpre.

Sie fügen diese Funktion in PHP vor Ihrem Formular hinzu.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top