html "tout-IT

1 juin

Expression régulière pour une adresse email valide

très peu d'entre nous sont des développeurs web le savent. Mais celle-ci:

 (:? (: \ R \ n) [\ t]?) * (: (: (: [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031?. ?] + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]?. ])) | "([^ \" \ r \ \] | \ \ | ((:.? \ r \ n) [\ t])) * "(: (: \ r? \ n) [\ t]) *) (: \ (: (:?.?? \ r \ n) [\ t]) * ([^ () <> @,; \ \ " . \ [\] \ 000 - \ 031] + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @? ;: \ \ | [\ t])) ([^ \ "\ r \ \] | | \ \ (: (\ r \ n)" \ [\]])). "?.? * "(: (: \ r \ n) [\ t]?) *)) * @ (: (: \ r \ n) [\ t]) * (:? [^ () < > @,;: \ \ "\ [\] \ 000 - \ 0 31] + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [.??? \ ["() <> @,;: \ \" \ [\].])) | \ [([^ \ [\] \ r \ \] | \ \) * \.] (: (? : n \ r \) [\ t]) *) (: \ (: (: \ r \ n) [\ t]) * (:?.? [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031] + (: (: (:.? \ r \ n) [\ t]) + | \ Z | (= [\ [" () < > @,;: \ \ "\ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n) ..? ? [\ t]) *)) * | ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r? \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | "([^ \" \?. r \ \] | \ \ |. (:? (: \ r \ n) [\ t])) * "[\ t]) *) * \ (: (\ r \ n)? <(: (: \ r \ n) [\ t]?) * (@ ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e]? ? + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]]?. )) | \ [([^ \ [\] \ r \ \] | \ \) * \.] (: (: \ r \ n) [\ t]) *) (: \ (?. ?: (: \ r \ n) [\ t]) * [<> @,;: \ \ "\ [\] \ 000 - \ 031 (^ (+ (: ().?]? : (: \ r \ n) [\ t]) + | \ Z | (= [\ ["<> @, (): \ \" \ [\]])) | \ [(. [^ \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) * (:, @ (: (.? : n \ r \) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (:? \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | \ [([^ \ [?. \] \ r \ \] | \ \) * \] [\ t]) *). (: (\ r \ n): (\ (: (: \ r \ n?.?) ? [\ t]) *:;: - + (: (: (: \ r \ n) ([<> @, \ \ "\ [\] \ 000 \ 031 ^ ().?]? [\ t]) + | \ Z | (= [\ ["<> @, (,:? \ \)". \ [\]])) | \ [([^ \ [\] \ r \ \ ] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) *) *: (: (: \ r \ n) [\ t]).? *):;: - [.? <> @, \ \ "\ [\] \ 000 \ 031 ^ ()] + (: (: (: \ r \ n) [\ t] (? ) + | \ Z | (= [\ ["(<> @,;: \ \?)" \ [\]])) | "([^ \" \ r \ \] | \ \.. | (:? (: \ r \ n) [\ t]?)) * "[\ t]) *) (: \ (: ((: (\ r \ n)?.? : n \ r \) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (:? \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | "([^ \?.? "\ r \ \] | \ \ |. (:? (: \ r \ n) [\ t]?)) *" [\ t]) *) (: (\ r \ n)? ) * @ [\ t]) * [<> @,;:.? \ \ "\ [\] \ 000 - \ 031 (^ (+ ((: (\ r \ n))] ?: (: (: \ r \ n) [\ t]?) + | \ Z | (= [\ ["() <> @,;: \ \". \ [\]])) | \ [([^ \ [\] \ r \ \] | \ \.) * \] *) (: \ (: (: (\ r \ n) [\ t])?.? (: \ r \ n) [\ t]) * [<> @,;: \ \ "\ [\] \ 000 - \ 031 (^ (+ (: (: ().?]? ?: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | \ [([^?. \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) * \> (: (: \ r \ n.? ) [\ t]) *) | ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \? ? s) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | "([^ \" \ r?. \ \] | \ \ |. (:? (: \ r \ n) [\ t])) * "[\ t]) *) ((: (\ r \ n)? ?: (: \ r \ n) [\ t]) * (: (: (: [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e]? ? + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]]?. )) | "([^ \" \ r \ \] | \ \ | ((:.? \ r \ n) [\ t])) * "(: (: \ r \? ?.? s) [\ t]) *) (: \ (: (: \ r \ n) [\ t]) * ([^ () <> @,; \ \ "?. \ [\] \ 000 - \ 031] + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;? : \ \ | ([^ \ "\ r \ \] | \ \ | (.?: (: \ r \ n)" \ [\]])). "[\ t])) *? "(: (: \ r \ n) [\ t]?) *)) * @ (: (: n \ r \) [\ t]) * (:? [^ () <> . @;: \ \ "\ [\] \ 000 - \ 031] + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ [? "() <> @,;: \ \" \ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (: (: \ ..? r \ n) [\ t]) *) (: \ (: (:?.?? \ r \ n) [\ t]) * ([^ () <> @,; \ \ "\ [\] \ 000 - \ 031] + (: (: (:.? \ r \ n) [\ t]) + | \ Z | (= [\ [" () <> @ ;: .. \ \ "\ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n) [? \ t]) *)) * | ([^ () <> @,;: \ \ "\ [\.] \ 000 - \ 031] + (: (: (: \ r \ n? ?) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \"?. \ [\]])) | "([^ \" \ r \ \] | \ \ |. (:? (: \ r \ n) [\ t])) * "[\ t]) *) * \ <((: (\ r \ n)? ?: (: \ r \ n) [\ t]) * (@ ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (? ?: (: (: \ r \ n) [\ t]?) + | \ Z | (= [\ ["() <> @,;: \ \". \ [\]])) | \ [([^ \ [\] \ r \ \] | \ \.) * \] *) (: \ (: (: (\ r \ n) [\ t])?.? (: \ r \ n) [\ t]) * [<> @,;: \ \ "\ [\] \ 000 - \ 031 (^ (+ (: (: ().?]? ?: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | \ [([^?. \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) * (:, @ (: (: \.? r \ n) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r? \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | \ [([^ \ [\]?. \ r \ \] | \ \) * \] [\ t]) *) [. (: (\ r \ n): (\ (: (\ r \ n?.?)? \ t]) * (: [^ () <> @,;: \ \ "\ [\.] \ 000 - \ 031] + (: (: (: \ r \ n) [\? t]) + | \ Z | (= [\ ["<> @, (,:.? \ \ \ [\])"])) | \ [([^ \ [\] \ r \ \] | \ \) * \]. (: (: \ r \ n) [\ t]) *)) *) *:? (: (: \ r \ n) [\ t]) *)? : ([^ () <> @,;: \ \ "\ [\] \ 0 00 - \ 031e] + (: (: (: \ r \ n) [\ t])? + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]]?.)) | ": ([^ \" \ r \ \] | \ \ |. (: (: \ r \ n) [\ t]?)) * "(: (: \ r \ n) [\ t]) *) (:? \ (:.? (?: \ r \ n) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \? r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | "([^ \"?. \ r \ \] | \ \ |. (:? (: \ r \ n) [\ t])) * "[\ t]) *)) (: (\ r \ n)? * @ * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + ((: (\ r \ n) [\ t])? : (: (:? \ r \ n) [\ t]); (. = [\ ["() <> @, \ \" \ [\]]) | + | \ Z | :) \ [([^ \ [\] \ r \ \] | \ \.) * \] *) (: \ (: ((: (\ r \ n) [\ t])?.? ?: \ r \ n) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (? : n \ r \) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | \ [([^ \?. [\] \ r \ \] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) * \> (: (: \ r \ n).? ? [\ t]) *) (:, \ s * (: (: [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (? ?: (: \ r \ n) [\ t]) + | \ Z |;:? \ [\]])) | "((= [\ [" <> @, \ \ () "?. ?: [^ \ "\ r \ \] | \ \ |. (:? (: \ r \ n) [\ t])) *" [\ (: (\ r \ n?) (: \ (: (: \ r \ n) t]) *?.?) [\ t]) * (: [^ () <> @,;:. \ \ "\ [\] \ 000 - \ 031] + (: (: (: \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \"?. \ [\]])) | "([^ \" \ r \ \] | \ \ | ((:.? \ r \ n)? [\ t])) * "(: (? ?: \ r \ n) [\ t]) *)) * @ (: (:??? n \ r \) [\ t]) * ([^ () <> @,; \ \ "\ [\] \ 000 - \ 031] + (: (: (:.? \ r \ n) [\ t]) + | \ Z | (= [\ [" () <> @;: \ \ "\ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n) ..? (: \ (: (: \ r \ n) [\ t]) *?.??) [\ t]) * (: [^ () <> @,;: \ \ "\ [\. ] \ 000 - \ 031] + (: (: (:??? \ r \ n) [\ t]) + | \ Z | (= [\ ["() <> @,; \ \ "\ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (.. (:? \ r \ n) [\ t]) * )) * | ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \ n) [\ t? ]) + | \ Z | (= [\ ["<> @, (,:.? \ \ \ [\])"])) | "([^ \" \ r \ \] | \ \ . | (:? (: \ r \ n) [\ t]?)) * "[\ t]) *) * \ <(: (: (: (\ r \ n?) \ r \ n) [\ t] *);: - + (: (: (: @ ([<> @, \ \ "\ [\] \ 000 \ 031 ^ ().?]? (: \ r \ n) [\ t]) + | \ Z |;:? \ [\]])) | \ [([(= [\ ["<> @, \ \ ()?". ^ \ [\] \ r \ \] | \ \) * \] [\ t]) *) (: \ (: (: \ r (: (\ r \ n).??.? \ n) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \? ? s) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \"?. \ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) * (:, @ (: (: \ r \ n).? [\ t]) * (: [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \ n) [? \ t]) + | \ Z | (= [\ ["<> @, (,:.? \ \ \ [\])"])) | \ [([^ \ [\] \ r \ \] | \ \) * \] [\ t]) *) [\ t]) * (: (\ r \ n): (\ (: (\ r \ n).??.? (: [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \ n) [\ t]) + |? \ Z |; (. = [\ ["() <> @, \ \" \ [\]]) :) | | \ [([^ \ [\] \ r \ \] \ \) *. \] (: (: \ r \ n) [\ t]?) *)) *) *: (: (:? \ r \ n) [\ t]) *) (:? [ . ^ () <> @,;: \ \ "\ [\] \ 000 - \ 031] + (: (: (: \ r \ n) [\ t]) + | \ Z | (? ?. = [\ ["() <> @,;: \ \" \ [\]])) | "([^ \" \ r \ \] | \ \ | (: (:.? \ r \ n) [\ t])) * "(:? (: \ r \ n) [\ t]) *) (:? \ (:.: (: \ r \ n)? [\ t]) * (: [^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \ n) [? \ t]) + | \ Z | (= [\ ["<> @, (,:.? \ \ \ [\])"])) | "([^ \" \ r \ \] | \ \ |. (:? (: \ r \ n) [\ t]?)) * "[\ t]) *)) * @ (: ((: (\ r \ n)? ?: \ r \ n) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (? : n \ r \) [\ t]) + | \ Z | (= [\ ["() <> @,;: \ \" \ [\]])) | \ [([^ \?. [\] \ r \ \] | \ \) * \] [\ t]) *) (: \ (: (: \ r \ n (: (\ r \ n).??.? ) [\ t]) * ([^ () <> @,;: \ \ "\ [\] \ 000 - \ 031e] + (: (: (: \ r \ n)? ? [\ t]) + | \ Z | (= [\ ["<> @, (,:? \ \)". \ [\]])) | \ [([^ \ [\] \ r \ \] | \ \) * \] (: (: \ r \ n?) [\ t]) *)) * \> (: (: \ r \ n) [\ t]).? *)) *); \ s *)

est l'expression régulière pour une adresse de courriel valide pour RFC822 .

... Et qui n'est pas utilisé, pas un homme
Christian Heilmann
JAX 2011 - Keynote
HTML5 - Le Web et le navigateur comme une plate-forme

Liens:
Présentation à l'honneur par Christian Heilmann

gklinkmann écrit par \ \ tags: html , web

19 octobre

Valider des formulaires avec HTML 5

Web No Comments »

La validation des éléments de formulaire en HTML 5 fait déjà intégrés. Il existe différents types de champs (par exemple, email et l'url) et les attributs qui restreignent l'entrée des valeurs dans les champs du formulaire.
Ce serait une bénédiction pour tout développeur web, dans l'affirmative, si n'importe quel navigateur qui prend en charge HTML 5 fonctionnalité serait d'ores et déjà. En particulier, l'enfant à problème Internet Explorer glisse vers le haut à ce stade, mais mon navigateur Opera préférée doit être convaincu pour le moment encore.

Le manque de fonctionnalités HTML 5 sont actuellement modernisés avec JavaScript (voir modernizr ). Donc, il est avec le plugin jQuery html5form que nachhilft dans la validation du formulaire.

L'intégration est si simple qu'il est également possible avec une seule ligne de code serait. À ce stade, mais a un exemple étendu, ce qui permet également d'activer la sortie d'erreur en allemand et en une section distincte:

  "<?= base_url() ?>js/jquery-1.4.2.min.js" ></ script > <Script src = "<? = Base_url ()?> Js/jquery-1.4.2.min.js"> </ script>
 "<?= base_url() ?>js/jquery.html5form-min.js" ></ script > <Script src = "<? = Base_url ()?> Js/jquery.html5form-min.js"> </ script>
 <Script>
    ) . html5form ( { $ ('# Formulaire utilisateur »). Html5form ({
       , // Options 'en', 'es', 'it', 'de' Messages: 'fr', / / Options 'fr', 'it', 'it', 'fr'
       responseDiv: '# réponse »
       , '# 6b6764 ": Coloron
       colorOff: '# 0d85a5'
    })
 </ Script>

Si, dans un élément de formulaire, puis l'attribut que required et il n'y a pas d'entrée dans ce champ, puis le message d'erreur ressemble à ceci

Nous avons testé pour html5form les navigateurs suivants:

Internet Explorer:
IE6 - IE7 - IE8 - beta IE9
Mozilla Firefox:
3,0 à 3,5 - 3,6 - 4.0 beta 6
Google Chrome:
4.0 - 5,0 à 6,0
Apple Safari:
4,0 à 5,0
Opéra:
10

Dans les navigateurs Chrome et Safari fondées sur WebKit qui soutiennent la validation HTML 5 sous la forme déjà, ce plugin n'est pas activé. Pour des fins de test, mais vous pouvez aussi le forcer.

par l'intermédiaire:
Validation HTML5 avec jQuery

gklinkmann écrit par \ \ tags: Navigateur , HTML , JavaScript

13 octobre

HTML 5 du document

Web No Comments »

Une structure HTML vide:

  <html>
   <head>
   </ Head>
   <body>
   </ Body>
 </ Html>

développeur web devrait être capable d'écrire sans regarder. Mais qu'en est-il le XHTML correct (y compris l'espace de noms) à partir de? Mais plutôt mal, non?
HTML 5 fait au moins l'espace de noms spécifié. Mais dans une application Web 2.0 moderne comprend également l'intégration des feuilles de style CSS et JavaScript cadres (comme jQuery).

En utilisation quotidienne, a certainement lui-même mis en place dans une structure en particulier. Qu'est-ce que vous pourriez le faire, Paul irlandais et Divya Manian montrent sur leur site web html5boilerplate.com .

Le modèle qui contient les bibliothèques JavaScript nécessaires comme la compatibilité de l'actuelle navigateur HTML 5, le profilage, CSS et JavaScript Foo:

Modernizr: MIT / BSD
jQuery: MIT / GPL
DD_belatedPNG licence MIT
Profilage YUI: licence BSD
HTML5Doctor CSS réinitialisation: Creative Commons 3.0 BY
CSS Réinitialiser Reloaded: Public Domain

est disponible sur GitHub pour téléchargement disponibles.

Mais plutôt mal, non?

gklinkmann écrit par \ \ tags: html , tutoriel , web2.0

26 septembre

hebdomadaire gauche [Semaine 38]

En règle générale , des liens hebdomadaires Aucun commentaire »

L'été est bel et bien terminée. Lorsque les jours raccourcissent vous avez plus de temps pour lire et je vais quitter ma classe "liens" hebdomadaires de retour à la vie. Était le dernier article de ce genre au cours du 18e Semaine. C'est incroyable de voir avec quelle rapidité périsse point, mais 20 semaines.

OpenShot Video Editor: OpenShot Video Editor est, comme son nom l'indique, un éditeur de vidéo à la pige pour Linux.
Phare Soft - Detune: Normalement, le processus ne peut apporter la musique à partir d'iTunes vers l'iPod. Detune fait son chemin dans l'autre sens.
Google Apps pour votre domaine: Si vous utilisez déjà Gmail et Google Calendar et que vous souhaitez combiner cela avec son propre nom de domaine devrait être examiné une fois Google Apps pour votre domaine. Cet article vous aidera à démarrer.
jQuery Html5form En, Matias Mancini: La validation des formulaires est Webworkers le travail quotidien. Ce plugin jQuery mis à niveau vers l'embarqué dans la validation HTML5 pour tous les navigateurs.

L'été est bel et bien terminée. Semaine. Cet article vous aidera à démarrer.

gklinkmann écrit par \ \ tags: pomme , google , html , JavaScript , Linux

14 avril

HTML5 - Testez votre navigateur

Web 6 Commentaires »

HTML 5 est actuellement sur toutes les lèvres. Sous html5test.com peut voir comment le navigateur natif prend en charge HTML 5. 160 points sont attribués aux domaines suivants:

Doctype
Toile
Vidéo
Audio
Géolocalisation
Stockage
D'applications Web en mode hors connexion
Ouvriers
Éléments Section
Contentelements regroupement
Text-niveau de l'élément sémantique
Formulaires et
Interaction avec l'utilisateur

Sous Windows, Opera offrir 10,51 (102 points) et Firefox 3.6.3 (101 points) un tête à tête de course. De Internet Explorer, je ne dirai rien. Il se trouve avec 11 points, loin derrière, derrière. Une raison de plus pour ne pas l'utiliser. Pour être juste, il faut mentionner, cependant, qu'il est croupissent encore dans la version 6.0.2 sur ma machine en face de lui.

Sous MacOS, il est un peu différent. Heureusement, il n'y a pas Internet Explorer, mais il ya l'Opéra version 10.5 est encore en phase beta, de sorte que Opera 10.10, Firefox 3.6.3 et Safari 4.0.4, concurrence les uns contre les autres.
Le gagnant ici, c'est Safari avec 113 points, suivi par Mozilla qui a atteint 101 points avec le même score que sur Windows et Opera avec 38 points, qui sont dues à l'ancienne version.

Avez-vous un navigateur avec plus de points?

De Internet Explorer, je ne dirai rien. Sous MacOS, il est un peu différent.

gklinkmann écrit par \ \ tags: Navigateur , HTML , Web

tout-IT

Expression régulière pour une adresse email valide

Valider des formulaires avec HTML 5

HTML 5 du document

hebdomadaire gauche [Semaine 38]

HTML5 - Testez votre navigateur

Catégories

Mots-clés

Tag Cloud

Grails Tutoriel

Meta

Traducteur

Gauche