2016-05-19 13 views
1

Ich lade eine Seite mit HTML5-validierten Elementen, und mit Methoden wie "erforderlich" und maximale Länge, arbeiten sie auf Android WebViews, aber nicht in iOS.html5 Formularüberprüfung funktioniert nicht in iOS UIWebView

Gibt es eine Möglichkeit, diese und andere HTML5-Funktionen zu unterstützen, die ich verwende? oder muss ich immer meine eigenen Validierungsmethoden schreiben?

+0

Hier können Sie sehen, was von welchen Versionen von iOS unterstützt wird: http://caniuse.com/#search=required – paulvs

+0

danke, aber Safari Version auf iPhone 4 ist 4.0.5, und für iPhone 5 ist 6.0, aber auf dieser Seite haben sie begonnen, das "erforderliche" Attribut in Safari 8.4 zu unterstützen? wo ist das? – tinyCoder

+0

Die Version, auf die sie sich beziehen, ist die iOS-Version, nicht die Safari-Version. – paulvs

Antwort

1

Safari nicht vollständig Formularvalidierung unterstützen: http://caniuse.com/#feat=form-validation

Sie können entweder Ihre eigene JavaScript-basierte Validierung schreiben, oder ein existing polyfill verwenden.

Aktualisierung:Safari 10.1 enthält vollständige interaktive Formularvalidierung.

+0

Ich habe ein UIWebView, das ein Formular mit Feldern lädt, in denen das Attribut "required" gesetzt ist (neben anderen Validierungsauszeichnungen), aber das Formular würde nicht validiert. Es reicht die (ungültige) Form ein. In Safari auf demselben iOS-Gerät wird das Formular ordnungsgemäß überprüft. Unterstützt UIWebView diese Validierungen überhaupt nicht? Irgendwelche Hinweise? –

+0

@DanielPietzsch Ich bin kein iOS/MacOS-Entwickler, aber [Apple sagt] (https://developer.apple.com/documentation/uikit/uiwebview): "Verwenden Sie in Apps, die in iOS 8 und höher ausgeführt werden, die WKWebView-Klasse anstatt UIWebView zu verwenden. " Funktioniert es dort? – sebas

+0

@DanielPietzsch Bei weiteren Untersuchungen scheint es, dass WKWebView keine interaktiven Elemente, wie z. B. Warnungen und Aufforderungen, verwendet, und Sie müssen es manuell mit [WKUIDelegate] (https://developer.apple.com/documentation/webkit) bearbeiten/wkuidelegate). Sie können [checkValidity()] (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation) in JavaScript verwenden, um zu prüfen, ob Eingaben gültig sind, und dann scheint es So wie Sie die Benutzerinteraktion mit den WebKit UI-Funktionen manuell behandeln müssen. – sebas

Verwandte Themen