all-IT

Die Validierung von Formularelementen ist in HTML 5 Formularen bereits integriert. Es gibt unterschiedliche Feldtypen (für z.B. email und url) und Attribute, die die Eingabe von Werten in Formularfeldern einschränken.
Es wäre ein Segen für jeden Webentwickler, wenn ja wenn jeder Browser diese HTML 5 Funktionalität bereits jetzt unterstützen würde. Besonders das Sorgenkind Internet Explorer patzt an dieser Stelle, aber auch mein Lieblingsbrowser Opera muss momentan dazu noch überredet werden.

Fehlende HTML 5 Funktionalitäten werden momentan mit Javascript nachgerüstet (s.a. modernizr). So ist es auch beim jquery Plugin html5form, dass bei der Formularvalidierung nachhilft.

Die Einbindung ist so einfach, dass es auch mit einer Zeile Code möglich wäre. An dieser Stelle aber schon ein erweitertes Beispiel, das zusätzlich die Fehlerausgabe in Deutsch und in einem eigenen Bereich aktiviert:

<script src="<?= base_url() ?>js/jquery-1.4.2.min.js"></script>
<script src="<?= base_url() ?>js/jquery.html5form-min.js"></script>
<script>
   $('#userForm').html5form({
      messages : 'de', // Options 'en', 'es', 'it', 'de'
      responseDiv : '#response'
      colorOn:'#6b6764',
      colorOff:'#0d85a5'
   })
</script>

Verwendet man in einem Formularelement dann z.B. das Attribut required und es erfolgt keine Eintrag in dieses Feld, dann sieht die Fehlermeldung so aus

Getestet wurde html5form für die Browser:

• Internet Explorer:
  IE6 – IE7 – IE8 – IE9 beta
• Mozilla Firefox:
  3.0 – 3.5 – 3.6 – 4.0 beta6
• Google Chrome:
  4.0 – 5.0 – 6.0
• Apple Safari:
  4.0 – 5.0
• Opera:
  10

Bei den WebKit basierten Browsern Chrome und Safari, die die Formular Validierung in HTML 5 bereits unterstützen, wird dieses Plugin nicht aktiviert. Zu Testzwecken kann man aber auch das erzwingen.

via:
HTML5 Validierung mit jQuery

Die Validierung von Formularelementen ist in HTML 5 Formularen bereits integriert. Es gibt unterschiedliche Feldtypen (für z.B. email und url) und Attribute, die die Eingabe von Werten in Formularfeldern einschränken. Es wäre ein Segen für jeden Webentwickler, wenn ja wenn jeder Browser diese HTML 5 Funktionalität bereits jetzt unterstützen würde. Besonders das Sorgenkind Internet Explorer patzt an dieser Stelle, aber auch mein Lieblingsbrowser Opera muss momentan dazu noch überredet werden. Fehlende HTML 5 Funktionalitäten werden momentan mit Javascript nachgerüstet (s.a. modernizr). So ist es auch beim jquery Plugin html5form, dass bei der Formularvalidierung nachhilft. Die Einbindung ist so einfach, dass es auch mit einer Zeile Code möglich wäre. An dieser Stelle aber schon ein erweitertes Beispiel, das zusätzlich die Fehlerausgabe in Deutsch und in einem eigenen Bereich aktiviert:

geschrieben von gklinkmann \\ tags: Browser, html, JavaScript

Die in Opera 10.5 enthaltenen neuen Features (wie die neue Javascript Engine, die neue Version der Grafik Bibliothek und Private Browsing) können jetzt auch von Mac Usern benutzt werden. Zusätzlich wurde dem Browser eine Schnittstelle zum Benachrichtigungssystem Growl spendiert.

Auch an der Integration in das Apple Betriebssystem wurde gearbeitet. So nutzt der Opera jetzt viele Oberflächenelemente von MacOs.

Die Linux Version lässt allerdings weiter auf sich warten. Auch dort soll sich der Browser stärker an Betriebssystem anpassen.

Eine Eigenschaft hat der Opera auch in dieser Version bewahrt. Er ist für mich immer noch der schnellste Browser (was auch viele gängige Benchmarks beweisen). Und das ist gut so.

update:
Die Version 10.52 wurde durch die Version 10.53 ersetzt, um eine kritische Sicherheitslücke zu schließen und einen Bug bei der Anzeige von maps.google zu beheben.

Die in Opera 10.5 enthaltenen neuen Features (wie die neue Javascript Engine, die neue Version der Grafik Bibliothek und Private Browsing) können jetzt auch von Mac Usern benutzt werden. Zusätzlich wurde dem Browser eine Schnittstelle zum Benachrichtigungssystem Growl spendiert. Auch an der Integration in das Apple Betriebssystem wurde gearbeitet. So nutzt der Opera jetzt viele Oberflächenelemente von MacOs. Die Linux Version lässt allerdings weiter auf sich warten. Auch dort soll sich der Browser stärker an Betriebssystem anpassen. Eine Eigenschaft hat der Opera auch in dieser Version bewahrt. Er ist für mich immer noch der schnellste Browser (was auch viele gängige Benchmarks beweisen). Und das ist gut so. :-) update: Die Version 10.52 wurde durch die Version 10.53 ersetzt, um eine kritische Sicherheitslücke zu schließen und einen Bug bei der Anzeige von maps.google zu beheben.

geschrieben von gklinkmann \\ tags: Browser, opera, Web

Da glaubt man, die Großen wie IBM würden zumindest die wichtigen Seiten (wie die Änderung des Profils der registrierten Benutzer) einem Cross Browser Test unterziehen, aber denkste.

Mit Opera 10.51 ist es nicht möglich das Land aus einer Auswahlliste zu selektieren, da mit dem JavaScript Event onchange eine weitere Auswahlliste gefüllt wird. In Zeiten von AJAX und Frameworks wie jquery, dojo und denen, die auf prototype aufsetzen, sollte dies auch Browser übergreifend möglich sein.

Bei IBM wie gesagt nicht. Wie peinlich, oder?

Da glaubt man, die Großen wie IBM würden zumindest die wichtigen Seiten (wie die Änderung des Profils der registrierten Benutzer) einem Cross Browser Test unterziehen, aber denkste. Mit Opera 10.51 ist es nicht möglich das Land aus einer Auswahlliste zu selektieren, da mit dem JavaScript Event onchange eine weitere Auswahlliste gefüllt wird. In Zeiten von AJAX und Frameworks wie jquery, dojo und denen, die auf prototype aufsetzen, sollte dies auch Browser übergreifend möglich sein. Bei IBM wie gesagt nicht. Wie peinlich, oder?

geschrieben von gklinkmann \\ tags: Ajax, Browser, JavaScript, Web

HTML5 ist momentan in aller Munde. Unter html5test.com kann man feststellen, wie gut der eigene Browser HTML5 unterstützt. Zu vergeben sind 160 Punkte aus den Bereichen:

• Doctype
• Canvas
• Video
• Audio
• Geolocation
• Storage
• Offline Web Applications
• Workers
• Section elements
• Grouping content elements
• Text-level semantic element
• Forms und
• User interaction

Unter Windows liefern sich Opera 10.51 (102 Punkte) und Firefox 3.6.3 (101 Punkte) ein Kopf an Kopf Rennen. Vom Internet Explorer will ich gar nicht reden. Er liegt mit mit 11 Punkten, weit abgeschlagen, hinten. Ein Grund mehr ihn nicht mehr zu benutzen. Um fair zu sein, muss man allerdings erwähnen, dass er noch in der Version 6.0.2 auf meinem Rechner vor sich hin vegetiert.

Unter MacOs sieht es ein wenig anders aus. Zum Glück gibt es dort keinen Internet Explorer, allerdings ist die Opera Version 10.5 dort immer noch im Beta Status, so dass Opera 10.10, Firefox 3.6.3 und Safari 4.0.4 gegeneinander antreten.
Der Sieger heißt hier Safari mit 113 Punkte, gefolgt von Mozilla der mit 101 Punkten die gleiche Punktzahl wie unter Windows erreicht und Opera mit 38 Punkten, die durch die ältere Version begründet sind.

Habt Ihr einen Browser mit mehr Punkten?

HTML5 ist momentan in aller Munde. Unter html5test.com kann man feststellen, wie gut der eigene Browser HTML5 unterstützt. Zu vergeben sind 160 Punkte aus den Bereichen: Doctype Canvas Video Audio Geolocation Storage Offline Web Applications Workers Section elements Grouping content elements Text-level semantic element Forms und User interaction Unter Windows liefern sich Opera 10.51 (102 Punkte) und Firefox 3.6.3 (101 Punkte) ein Kopf an Kopf Rennen. Vom Internet Explorer will ich gar nicht reden. Er liegt mit mit 11 Punkten, weit abgeschlagen, hinten. Ein Grund mehr ihn nicht mehr zu benutzen. Um fair zu sein, muss man allerdings erwähnen, dass er noch in der Version 6.0.2 auf meinem Rechner vor sich hin vegetiert. Unter MacOs sieht es ein wenig anders aus. Zum Glück gibt es dort keinen Internet Explorer, allerdings ist die Opera Version 10.5 dort immer noch im Beta Status, so dass Opera 10.10, Firefox 3.6.3 und Safari 4.0.4 gegeneinander antreten. Der Sieger heißt hier Safari mit 113 Punkte, gefolgt von Mozilla der mit 101 Punkten die gleiche Punktzahl wie unter Windows erreicht und Opera mit 38 Punkten, die durch die ältere Version begründet sind. Habt Ihr einen Browser mit mehr Punkten?

geschrieben von gklinkmann \\ tags: Browser, html, Web

Ok, bis jetzt hat Apple noch nicht zugestimmt, aber eingereicht ist sie jetzt, die App für den Opera Mini auf dem iPhone.

Und so könnten wir ihn nutzen, wenn Apple ja sagt:

Ok, bis jetzt hat Apple noch nicht zugestimmt, aber eingereicht ist sie jetzt, die App für den Opera Mini auf dem iPhone. Und so könnten wir ihn nutzen, wenn Apple ja sagt:

geschrieben von gklinkmann \\ tags: apple, Browser, opera