Formulaire de contact simple avec PHP

1. À propos du projet: Salut tout le monde. Aujourd'hui, nous allons voir comment créer un formulaire de contact simple avec BHP. Notre formulaire de contact se compose de trois champs de texte, un menu déroulant dans la zone de texte pour le contenu du message. Mais une fois que vous aurez terminé le cours, vous pourrez l'étendre pour utiliser plus de champs et d'autres éléments de formulaire en utilisant le froid que nous avons créé. Le premier est construit en utilisant l'approche orientée objet utilisera les classes PHP et l'objet JavaScript Plus fera usage. La J Query et la Fondation de Zarb tombent pour appliquer un style à la réforme, mais n'hésitez pas à utiliser votre propre style. Si vous préférez le faire, le formulaire sera traité en utilisant Ajax Coal dans le fichier PHP, ce qui validera et traitera la requête. Les informations pertinentes et les messages de confirmation seront affichés en cas d'échec ou soumission réussie. Maintenant, si vous êtes prêt, passons à la vidéo suivante et commençons à travailler sur notre nouveau projet 2. Fichiers d'exercice: ensemble l'exercice Fancy Avoir accès aux dossiers CSS et Js plus index PHP à l'intérieur du CSSC ont trois fonds qui viennent avec la fondation pour si la fondation ne voit pas évaluer la version immunisée minute de fondation et ensuite normalisé que CSS En dehors de cela, nous avons créé notre évaluation de cordialité personnalisée qui, pour le moment, est juste un fichier vide puis à l'intérieur du dossier Js également. Foundation fichiers fichiers fichiers fournisseurs et la fondation signifie point comme Js qui viennent tous avec de la fondation et ensuite nous avons core gs qui est encore un fichier vide. Si nous ouvrons notre point d'index PHP, je vais vous montrer quels fichiers vous pouvez supprimer si vous n'utilisez pas foundation. Si c'est le fichier à l'intérieur de là avait une section qui relie fondamentalement à notre, um, version unifiée de la fondation Don't CSS fichier alors j'utilise le bootstrap formé tout ne veut pas dire aussi bien. CSU dit loin d'avoir accès à toutes ces belles icônes. Fondamentalement, la seule icône que nous utilisons est sur le bouton de sommet, qui est cette enveloppe que vous pouvez utiliser n'importe quelle autre. Je peux évidemment, de tout cet ensemble Mais si vous n'avez pas l'intention d'utiliser ces icônes, alors vous pouvez évidemment supprimer cette ligne aussi. Ensuite, nous avons des téléphones Google et je suis en lien avec le Roboto avec la version stand up et bowled de la ah. Si fonds, si vous prévoyez d'utiliser différents téléphones, vous pouvez également supprimer ce fichier. Évidemment, nous avons besoin du lien vers notre ah personnalisé sans fil il évalue si je de sorte que cela doit rester et encore une fois si vous utilisez, euh, évidemment fondation pour alors nous avons besoin de ce fichier de modernisation fournisseur ainsi Inclus est à l'avant. Si vous n'utilisez pas la fondation, vous pouvez supprimer cette dernière. Donc, dans ce cas, si vous n'utilisez pas évidemment la fondation si vous savez en utilisant le téléphone Elson ou si vous n' utilisez pas les téléphones Google, alors vous pouvez tout déplacer en dehors d'eux. Un lien vers notre cordon personnalisé. Succès à l'avenir, nous avons un lien vers leur requête J sur le réseau de livraison au comptoir, dont vous aurez besoin. Vous pouvez évidemment le remplacer par la dernière version. Évidemment, au moment de cet enregistrement, 1 10.2 est la dernière version de J Query. Ensuite, nous avons des fondations pour les dossiers. Si vous savez utiliser la fondation. Évidemment, ça peut aller. Et alors seul Kordell Gs est celui dont vous aurez besoin. Tu sais, c'est évidemment capable de traiter le formulaire. 3. Définitions de style personnalisé: ces vidéos pour ceux qui veulent que leur forme ressemble à nous. Si vous envisagez d'utiliser votre propre style, ils peuvent passer directement dans la vidéo suivante. Nous allons commencer par un symbole d'étoile, et la première définition sera formée. Famille. Nous allons utiliser leur Google appelé Roboto, que nous avons inclus le lien vers, évidemment maintenant eu section de la page. Puis sonne monsieur, si le Roboto n'est pas disponible den attaque Body pour le body talk, nous allons spécifier la séparation 20 pixels en haut et en bas et zéro à gauche et à droite. Ensuite, nous allons pour l'enquête, qui va être notre zone de texte, et nous voulons spécifier la ruche de 200 pixels. Ensuite, nous avons un avertissement, qui sont ces messages d'avertissement de Rhett. Chaque fois que quelqu'un soumet le formulaire et ne tape rien dans son champ, c'est obligatoire Tous les types dans le volume incorrect, disons, pour le champ email, alors ce message est évidemment affiché au-dessus du champ pour ce champ spécifique, parce que ce sera un spawn. Nous allons vous obliger à vous assurer que c'est un affichage en bloc. Nous allons commencer par la couleur, cependant, qui va être C 60 F 13 qui est la couleur rouge et ensuite mentionné bloc d'affichage. Ensuite, nous allons pour la hauteur de ligne que nous allons définir comme 150% et taille informée, que je veux spécifier comme 14 pixels. Ensuite, nous avons aussi une étiquette et un avertissement. L' étoile que nous allons appliquer ici, est le fond de séparation qui sera 0.4 e. M. Et c'est tout dans notre CSS Kordell loin nous ne pouvons pas sauver et a causé le feu. 4. Structure de forme: Si vous savez, ouvrez notre ferme PHP point d'index après le discours du corps d'ouverture, nous allons commencer par le formulaire avec le post de méthode, puis nous spécifions le contact de formulaire I D et la classe off. On va commencer par un trait d'union 8. Ensuite, on va faire descendre les gros. Nous avons Coghlan et la dernière chose est une coutume, qui viennent tous y arriver avec la fondation pour vélo E grand huit et centre Tessa's. Évidemment, nous voulons que cet élément spécifique soit centré sur la page. Grand huit signifie que nous voulons prendre huit colonnes si vous divisez l'écran, parce que ce cadre spécifique par défaut est divisé en 12e éléments comme 12 colonnes fondamentalement à travers l'écran. Donc nous voulons enlever huit de ces colonnes pour notre avec et les faire envoyer. Évidemment, affichez-les sous forme de colonnes, puis personnalisés. Ah, classe indique fondamentalement que notre formulaire parce que nous utilisons cette fondation formes Ah, ici va évidemment former notre menu déroulant pour s'assurer qu'il semble un peu plus agréable que la liste déroulante du navigateur par défaut. Donc, c'est fondamentalement ce que ces classes vont faire vers le bas. Nous allons commencer avec l'ensemble de champs et à l'intérieur de notre champ, dit Nous allons avoir une légende qui affichera simplement ce que vous voulez, mais je vais mettre ici simple formulaire de contact avec PHP. Vous pouvez évidemment dire quelque chose comme nous contacter ou quoi que ce soit d'autre. Oh, fondamentalement, n'utilisez pas le champ dit dans une légende. Si vous préférez. La prochaine chose, c'est qu'ils sont def avec la classe 8. Désolé, il va être verrouillé. Six. En fait, parce que nous divisons les éléments allaient avoir à colonnes éléments par six du 1er 1 sera six colonnes de large, et le 2ème 1 sera six colonnes Blanc, ce qui nous donne évidemment 12 colonnes tous ensemble. Et nous allons évidemment utiliser ces 12 colonnes à l'intérieur de notre conteneur, qui prend essentiellement la voiture du sida. Huit colonnes là-bas, les cheveux d'affichage complet, nous utilisons évidemment pour, vous savez, la vue de cette forme. Donc on en prend six. Donc ça va être 1/2 et l'autre sera six aussi, ce qui va enlever la seconde moitié du formulaire et ensuite nous avons besoin de l'indicateur. C' est aussi une colonne. A l'intérieur de ce Dave, nous allons commencer par le label pour le premier sur le nom de la partition, et ce sera simplement le prénom Colon et et Star pour indiquer que c'est un film obligatoire. Vers le bas, nous allons pour l'importation, une importation aura quelques attributs. 1ère 1 type de texte, alors nous avons le nom sera le premier sur le nom de l'école. Ensuite, nous avons je d prénom élever je d purement pour cela pour un hommage. Donc, quand nous cliquons sur le prénom étiquette va sélectionner cours de vélo livre à l'intérieur de ce champ, alors nous avons un espace réservé votre prénom, ou vous pouvez mettre tout ce que vous avez évidemment envie ici. Donc c'est notre je vais mettre la clôture à Sakia avec Ford Slash et après celui-ci , si j'ai copié le tout, nous allons créer la deuxième colonne et la coller en dessous. Celui-ci va être un nom de famille. Donc le nom de famille et puis nous renommons évidemment les quatre noms et je d. donc le nom de famille va juste copier ceci et ici et puis évidemment votre nom de famille pour le détenteur de la place. Maintenant, si nous copions ceci à nouveau, collé ci-dessous et le remplacer par l'adresse e-mail, je vais pour l'adresse e-mail et il va simplement être quatre e-mail, et nous avons type sera plutôt que l'e-mail texte. Alors le nom sera e-mail et je d également e-mail. Ensuite, nous avons votre adresse e-mail pour le lieu. Tenez-les et nous continuerons avec ce formulaire dans la prochaine vidéo. 5. Sélectionnez personnalisée, la sélection de texte et le bouton: si nous en connaissons une copie. Sections e-mail, en commençant par, évidemment l'emballage. Déf. Copiez ceci et collé sous cette chanson, nous allons dans la moitié type de demande et quatre contributions seront de type et le même pour leur champ nommé. La seule chose, c'est que nous savons qu'elle sera importée ici. Allons-nous l'avoir à la place ? Est le select Ah, tuck Et cela aura le type d'attribut nom I D type aussi, et puis nous pouvons le fermer entre la sélection. Nous allons commencer par la première option qui aura simplement une valeur vide et l'étiquette sélectionnera une après celle-ci. Ce que nous allons faire est de vérifier avec un PHP si n'est pas vide que nous allons pour la classe de contact. Et c'est la propriété de tableau statique, fondamentalement, qui est dans les types de rayons que nous n'avons pas encore cette classe va créer dans un instant, et puis si elle n'est pas vide, alors nous allons regarder à travers elle. Donc, pour chaque type de contact s I d est le type et à l'intérieur de ceci pour chaque look, nous allons avoir l'option avec la valeur qui sera représentée par le I D et vers le bas nous avons fermé l'option en vue. En tant qu'étiquette, nous allons faire écho. C' est donc notre type de demande sélective. Ah, option. Si nous faisons défiler maintenant vers le bas et après notre déf d'emballage pour leur élément select, nous allons commencer par un diff avec la classe large 12 ce qui signifie que nous voulons prendre tout l' espace fondamentalement à travers, qui est dans la forme elle-même, grand 12 et aussi la classe de Colon. Et puis à l'intérieur de cette journée. Si nous allons avoir une étiquette pour enquête et que nous allons être dans un chœur, e côlon et symbole étoile et ensuite nous allons pour la zone de texte, serait le nom dans un chœur E i. D. Enquête et, euh, espace réservé nous allons faire votre message et puis simplement fermé la discussion zone de texte ? Et après cette dif, nous allons en aller pour un autre, aussi avec les grands 12 et dans les colonnes sur le côté de cette journée. Si nous allons avoir un fond avec un bouton de classe et que nous allons utiliser le petit, la couleur sera par défaut afin que nous n'appliquions aucune classe de couleur ici. Ensuite, à l'intérieur de cela, je veux l'icône Donc je l'élément, icône de classe et va être enveloppe. Et si j'ai fermé l'Eyetech et après cet espace et avant la discussion sur le bouton de fermeture, on va envoyer un message et c'est notre formulaire fait. On a évidemment eu ce cours de contact. Eso Jetons un coup d'oeil à cela dans un œuf via 6. Menu de type enquête: maintenant à l'intérieur des racines de notre projet, nous allons créer un nouveau répertoire de jour. On va l'appeler bibliothèque et à l'intérieur de la bibliothèque. Nous allons créer un nouveau fichier CSS ? Donc CSS ph B fichier de classe appelé contact. Évidemment, la définition utilise PHP storm. Évidemment, c'est un peu plus facile car mettre automatiquement dans la définition de classe. Sinon, vous devrez créer le fichier PHP appelé contact ouvrant PHP talk et la définition de classe . Après cela, Maintenant, nous allons créer la propriété de types statiques publics qui sera sous la pluie et à l'intérieur de ce tableau. Nous allons avoir trois valeurs 1ère 1 avec la clé sera l'enquête de produit dans le coma. Le numéro deux sera la facturation, enquête et le coma. Le numéro trois sera l'enquête de soutien, et c'est pratiquement tout. Donc, si nous sauvegardons maintenant ce fichier, ouvrez notre école PHP point d'index droit vers le haut et avant la définition du type de documents, nous gardons le pH sérieux b besoin une fois, et nous cherchons la bibliothèque pour la ferme PHP et point de contact que les semi deux-points . En fermant PHP parler maintenant enregistrer le fichier et prévisualiser notre page dans un navigateur d'abord. La page que vous pouvez voir notre formulaire est maintenant formatée. Sauf qu'il y a une chose, qui est leurs menus déroulants. Vous pouvez voir que l'étourneau a demandé. Haricot appliqué à elle. Il affiche toutes leurs options, que nous avons dans notre classe de contact, mais il ne rend pas vraiment agréable le Ce n'est pas la même hauteur, et donc il utilise toujours la valeur par défaut. Parcourez leur mise en forme afin de le modifier. Nous devons d'abord initialiser la fondation. Donc, si nous retournons à notre éditeur et ouvrons le couloir Gs Fire, que vous trouverez à nouveau dans leur dossier jus, ce fichier est actuellement vide. On va commencer par la fonction. Allons-nous appeler l'objet templates de fonction, puis les crochets Kelly ? Et nous allons commencer avec l'utilisation stricte et nous allons d'abord créer rapidement deux variables identité de forme loin, qui égalera dur et contact de forme, qui est fondamentalement le I D assigné à notre formulaire. Plantes qu'ils ont étouffé, évidemment indiqué à 90 à Hvar. Ancien u. R l. Et nous allons envoyer la demande par Ajax par Ajax, et vous l'eau sera MLD et soumettre point PHP prendra soin de cela un peu plus tard. Créons simplement cette variable. Donc, nous les avons essentiellement prêts quand nous en avons besoin. La prochaine chose que nous allons faire est de créer la méthode publique appelée dedans. Ça va être ce point en elle égale la fonction. Et puis à Kelly parenthèses à l'intérieur de cette fonction, nous allons utiliser le moule trompé et ensuite nous commençons avec le document, puis la fondation et puis la fonction sur Colback veut l'erreur. La fondation a été chargée avec succès, puis nous allons utiliser une méthode appelée sous forme de viande. Et je vais juste arrêter cette méthode juste en haut formulaire de soumission. Je vais commencer. Commencer évidemment fonction cause un formulaire de soumission de méthode privée et nous allons juste mettre l' utilisation stricte pour l'instant. Et puis après notre objet de modèle, nous allons cascader avec la connexion dollar et la fonction à l'intérieur de celui-ci pour le document prêt et à l'intérieur de celui-ci, nous allons aller pour les modèles var. O b j nouvel objet modèle. Fondamentalement, instance détestant cette classe et maintenant modèles objet dot En elle, nous appelons fondamentalement cette méthode publique. Donc, si nous enregistrons maintenant le fichier et le prévisualisons dans une broza, et si vous actualisez la page, vous pouvez maintenant voir que notre menu s'affiche bien. La hauteur et la largeur sont les mêmes que nos champs de texte. C' est donc maintenant l'instance de fondation créée. Évidemment, nous pouvons passer au chapitre suivant. 7. Méthode de forme de soumission: Cellino Accord LGS qui trouvera son hors du dossier J S. La première chose que je veux le faire dans une vidéo précédente de Créé ceci à des propriétés privées parce qu'ils sont privés. Utilisons le souligné le début juste pour s'assurer qu'ils évidemment il est clair que leur privé comme c'est la façon dont vous indiquez habituellement. Évidemment, la propriété de notre méthode est privée en utilisant cela a souligné le début. Donc nous avons leur forme de soulignement, l'identité et un formulaire de soulignement Vous êtes l nous allons pour notre soumission pour la méthode maintenant et ce que nous allons faire ce grand document puis point sur un événement propre soumettre Donc chaque fois que le manque soumis, alors ce que nous voulons faire émet notre pour mon identité en vérifiant leur forme quel élément nous regardons, évidemment documenter et quel élément dans cet arbre de documents nous examinons pour l' événement soumettre puis fonctionner. Nous lions fondamentalement les événements de sommet à cet élément spécifique Ensuite, nous avons e comme événement dans une fonction et lorsque cet événement soumettre a été exécuté, ce que nous faisons en premier lieu empêcher par défaut pour s'assurer que évidemment les anciens événements par défaut tous les comportements par défaut sont arrêtés et sont évidemment empêchés d'être exécutés. Ensuite, arrêtez la propagation. Donc il n'y a pas de bouillonnement dans les idées de Dom Tree et rien n'est informé. Évidemment, cette proposition s'est produite. Puis var cette forme et nous allons pour cela. Ensuite, nous avons un autre VAR dans le désarroi est égal à cette forme adulte serialize ray, qui est Jake où sa méthode pour obtenir tous les champs et les valeurs de la forme et ensuite nous allons pour la méthode post que nous allons utiliser sous la forme éraflure vous êtes l C'est quand nous veulent envoyer la requête, puis ce tableau juste fondamentalement tous les champs appelés et valeurs collectées à partir du formulaire. Et puis nous allons pour la fonction de rappel avec les données. Ce qui nous revient de cet appel et les quatre mois que nous voulons utiliser, c'est Jason. Donc si le coma Jason et à l'intérieur de ces bols, nous vérifions d'abord si les données, fondamentalement, si nous avons quelque chose en retour de ça, hum évidemment charbon, alors où nous allons faire est si les données de points d'exclamation adultes erreur, essentiellement l'index aérodynamique de données est égal à false. Alors on va faire autre chose, on va faire autre chose. Et si ça a été un succès, ère est fondamentalement faux. Alors qu'est-ce qu'on fait ? C' est ce qu'on appelle notre méthode de validation de formulaire clair. Et nous avons passé cette forme comme attribut. On n'a pas cette méthode, évidemment. Pourtant, nous allons le créer bientôt. Puis afficher message une autre méthode que vous n'avez pas encore obtenu qui prendra aux périmètres cette forme, puis message de données qui sera retourné à partir de notre âge Exco et puis réinitialiser les formes de réinitialisation méthode ce formulaire à nouveau. Toutes ces trois méthodes seront bientôt créées. Suivant, si en fait, ça ne va pas être autrement. Ce sera autre si nous allons vérifier s'il y a une volée de données Dacian Index à l'intérieur de notre tableau Jason de retour de Jason évidemment Et s'il y a une évaluation, cela signifie que nous devons afficher quelques populations dans le formulaire. Tout d'abord, avec le 1er 2 sera exactement le même cul dans notre première déclaration si. Et après cela, nous allons appeler les méthodes de validation en passant cette réponse de risque de validation des données, évidemment à son para mètre 8. Validation: après nos deux propriétés privées À l'intérieur de la classe d'objet template, nous allons créer les nouvelles méthodes. La fonction Off va être privée. Ah, la méthode appelée validation de rob et le périmètre sera message. Quoi ? Cette méthode va fondamentalement l'ISR jusqu'à notre tout ce que nous allons obtenir de l'Ajax Cole a volé ce message de validation avec une étendue spécifique dans la classe. Nous allons commencer par leur utilisation stricte pour indiquer que nous sommes dans un mode strict, puis retourner armée en utilisant un avertissement de classe filée que vous pouvez vous souvenir de notre fichier CSS ah et évidemment, Semicon. Après cela, nous entrons en coordination entre les deux avec le message. Donc, plus puis simple citation et c'est comme ça que le message de validation abrupte le complète. La méthode suivante est appelée validation. Donc, après cette validation brutale, on va pour le soulignement de la fonction. C' est aussi privé. Donc soulignent la validation et nous passons dans le périmètre de validation qui est fondamentalement le tableau de valeur clé ID associé. Je tente d'utiliser strict et puis nous allons pour chacun, qui est là la méthode J requêtes pour itérer à travers les éléments dans le rayon, puis la validation, puis la validation, qui est notre tableau et et et la fonction et nous allons dans la clé d'entreprise et la valeur à l'intérieur de ce chaque aérateur manger. Nous allons pour l'article avec le I d. qui est représenté par la clé. Et puis avant cet article avant que nous voulons Teoh afficher le message. Mais je veux l'envelopper avec nos méthodes de validation de rob. Donc frotter la validation. Et puis nous passons la valeur si simplement V, puis point-virgule après cela. Donc, c'est conscient Validation message SRE méthode de validation également le compléter. 9. Affichage et forme claire: après un message de validation et d'autres méthodes ou fonctions privées sur le message d'affichage du crâne . Cette méthode prend soin du message, qui est affiché au-dessus du formulaire lorsque le formulaire a été soumis avec succès. Tout s'il y a des problèmes avec la soumission, il affiche le message général, quelque chose comme la police sentant les éléments manquants ou quelque chose comme ça. Donc, d'abord le Parlement est cette forme pour indiquer la forme à laquelle nous faisons référence et ensuite le message à l'intérieur de cette méthode. Nous allons commencer avec cette utilisation stricte pour indiquer que nous évidemment dans une mue stricte et puis cette forme, ce que nous cherchons est de trouver que nous utilisons des légendes. On va chercher la légende ? Parce que je veux que ce message soit affiché après la légende après la méthode, puis simplement message comme pièce mètre et ne placera pas leur message pertinent après la légende. Évidemment, si vous savez, en utilisant la légende, vous devez trouver les éléments après ou avant, qu'il veut évidemment afficher un message et ensuite, basé sur si c'est après utilisation, si il est avant les éléments puis utilisés avant et placer le message en tant que département donc c'est comment cette méthode jouer Message. La prochaine méthode sera également la fonction privée sous la portée, forme claire, la validation. Et nous passons cette forme armée ESP à nouveau strict, principalement utilisé strict et à l'intérieur de cette méthode. Nous commençons par ce formulaire point trouver, et nous cherchons les éléments avec avertissement de classe, qui sont tous ces éléments simples au-dessus de chaque champ, qui a évidemment un problème avec lui. Évidemment, si c'est si c'est vide. Disons que le format d'e-mail était incorrect ou quelque chose comme ça. Et puis le principal au-dessus du formulaire qui utilisera à nouveau la boîte de tiret d'alerte de classe. Si vous utilisez une classe différente, utilisez-le ici à la place de celle-ci, et ensuite ce que nous voulons faire avec tous ces éléments à l'intérieur de ce formulaire, supprimez-les simplement, alors supprimez la méthode et le point-virgule après cela. 10. Réaliser la forme: la méthode suivante après l'évaluation de forme claire est également fonction privée et va être soulignée réinitialisation. Et nous passons le périmètre de ce formulaire, Nous avons commencé avec une utilisation stricte et puis nous allons pour cet index de formulaire zéro, indiquant que trouve évidemment cet objet de formulaire et nous voulons la première merveille que vous allez trouver dans un vidage. y en aura qu'un, mais nous devons l'utiliser évidemment pour nous assurer que nous ciblons le bon formulaire et ensuite ce que nous voulons faire est de réinitialiser. Nous voulons réinitialiser tous les éléments. Il y a un problème avec notre formulaire que nous utilisons fondation personnalisée pour un menu déroulant et cette liste déroulante lorsque vous ne réinitialiserez pas avec cette méthode avec cette méthode de réinitialisation par défaut. Donc, ce que nous devons créer est une méthode distincte qui va réellement le réinitialiser. Donc, je souligne Réinitialiser la sélection personnalisée de fondation parce que vous pouvez voir le nom que j' utilise. C' est clair aussi. Nous savons exactement ce que cette méthode fera. Nous n'utilisons pas de commentaires évidemment ici, mais en utilisant évidemment ah, nom totalement clair pour les méthodes. Nous savons évidemment exactement ce qui se passe dans le code aussi. Je recommande donc fortement d'utiliser la même approche. Le périmètre de cette forme. Donc maintenant, si j'ai copié le nom de cette méthode au-dessus de notre fonction de réinitialisation et une autre réinitialisation fondation personnalisée, sélectionnez la méthode de ce périmètre de forme, nous commençons avec l'utilisation stricte et semi colonne avant de procéder à la création de la couche. Afin d'effacer cette réinitialisation fondamentalement ce menu déroulant. Allons dans le navigateur et voyons à quoi la structure de notre travail ne ressemble pas réellement. Si vous prévisualisez la page en feu arrière et sélectionnez notre emploi stupide et vous pouvez voir notre élément sélectionné est effectivement caché. Cette classe de champ caché cache essentiellement le champ A et ce que nous faisons est fondamentalement ce que fait le froid. Leur base JavaScript, loin par froid fait est de créer ce dif avec une coutume de classe et il a chuté. Ensuite, nous avons à une taxe qui collège courant et et sélecteur. Et puis nous avons cet allié par ville sur commande, au moins avec les éléments affichés. Donc quoi qu'il arrive quand je change, voyons deux demandes de produit. Considérez que l'élément sélectionné obtient la classe sélectionnée, et quel que soit le travail que nous avions, il est mis dans ce huit actuel. Donc, évidemment, en réinitialisant simplement notre élément select de type, cela n'affecterait rien. Donc, si vous revenez à notre retour à tout moment dans notre réinitialisation de fondation personnalisée, sélectionnez après l'utilisation stricte, nous allons aller pour notre chaque, ah, méthodes ce formulaire et nous sommes à la recherche de trouver. Nous recherchons des articles avec une coutume de classe, puis la corde vers le bas. Et ce que nous voulons faire est utilisé la fonction sur chacun de ces éléments. Et ce que nous allons faire ceci Donc chacun de ces éléments trouvent que nous sommes à la recherche des éléments U L L I tous les éléments alliés à l'intérieur de la conversation U L, puis supprimer la classe et nous voulons supprimer la classe sélectionnée. C' est la première chose que tu veux faire et effacer cette trouvaille. Nous cherchons une conversation avec la classe actuelle, et ensuite html va être ceci. Je ne te trouve pas. L I I premier tiret enfant. On cherche la première conversation alliée, et ce qu'on veut faire, c'est lui envoyer un message au panier, l' étiquette entre la clôture de l'ouverture, euh, discours d' option. Et c'est tout. Dans cette méthode, Tofino a enregistré le fichier. Si nous testons la folie maintenant il Broza. Si nous cliquons sur envoyer un message, vous pouvez voir que nous obtenons cet appel exécuté, comme nous devrions nous attendre à ce que va à Emily Summit. PHP loin. Évidemment, ce fichier n'a pas encore été créé. C' est pourquoi on me fait pour pas trouvé et il n'y a pas de validation parce que la validation revient de ce charbon. Jetons donc un coup d'oeil à ce fichier PHP sommet dans un ex chapitre. 11. Helper json encode: le côté de la racine de notre projet. Créons un nouveau répertoire et appelons-le M o D. A l'intérieur de ce répertoire. Si nous créons un nouveau fichier PHP et l'appelons submit dot PHP au lieu de ce fichier, ce que nous allons commencer est en tapant require une fois, et nous allons sur un niveau vers le haut de notre répertoire MLD. Ensuite, nous allons à une bibliothèque et puis nous voulons le fichier PHP de point d'aide. On n'a pas cette folie. C' est que nous allons créer dans un instant maintenant copier ne nécessite que ceux et le coller deux fois dessous. classe d'annexe que nous allons exiger est notre fichier PHP point de contact avec la classe de contact dans le dernier est la date de volley ou celui-ci n'existe pas, Ida. Qu' est-ce qu'on va faire avant de commencer à travailler sur notre saboteur ? PHP loin. On va commencer avec l'aide de la classe. Donc, à l'intérieur du dossier de la bibliothèque, si nous créons une nouvelle classe PHP, l'assistant de nom. Évidemment, si vous n'avez pas les mêmes éditeurs ideo simplement créer l'aide. Il va fichier PHP un discours PHP d'ouverture et commencer par la définition de classe de la définition de la classe, nous allons commencer par la première méthode, qui sera fonction statique publique, Jason et code. Et s'il vous plaît assurez-vous qu'ils utilisent la valise chameau. Évidemment minuscule. Les premiers mots clés. Fondamentalement, le second Ward va avec Capital First Letter et ainsi de suite. Parce qu'en PHP, évidemment, nous avons Jason underscore et coat meth fonction, et nous étions évidemment ne voulons pas que cela soit confondu. La fonctionnalité va être à peu près la même. La seule chose est ce que nous allons faire ici dans un instant. Ce que vous allez voir est utilisé. Jason et Coat construisent PHP fonction avec quelques constantes pour s'assurer que la sortie est évidemment sûre pour envoyer par Ah, bicyclette de Java en JavaScript et l'afficher sur une page. Donc Jason et Cult, nous passons la valeur, que nous voulons dans le culte, par défaut ? Non. Et ce que nous faisons d'abord, c'est vérifier si défini. Nous sommes à la recherche de leur constante appelée Jason sur ce manteau unique, échappé et souligné. Maintenant, cette constante a été autre à PHP à partir de la version 5.4. Donc, si vous utilisez disons la version 5.3 sur vos plusieurs, alors vous n'aurez pas cette constante défiante. Et pour cela, nous allons utiliser l'instruction else qui utilisera simplement les mêmes constantes air que nous allons utiliser dans la précédente sauf celle-ci. Donc nous allons commencer par le retour, et ensuite nous allons chercher Jason et manteau et nous avons une valeur positive, qui ne changera pas le manteau. Et puis tous les Constance Jason soulignent le Doc Hex. Ensuite, nous allons la ligne verticale. Jason sur le crâne, Hex. Les apostrophes d'April. Ensuite, nous avons Jason Underscore, Hex. Ah ! Citations, citation. Et encore une fois, barre verticale vers le bas, nous allons pour Jason. Ah, le soulignement Hex et la distance est un MP. Et puis le dernier est celui que nous recherchions, qui est Jason a souligné un manteau unique à caped Ness. Maintenant, si on copiait tout son Jason et appelait réellement ce qu'on pourrait Dio, c'est de mettre tout ça sur nouvelle ligne pour qu'on puisse les lire un peu plus facilement. Quelque chose comme ça. Et si nous avons copié toute sa déclaration de retour et coller dans la section cries, supprimez ce Jason un échappé Unicode annoncer tout dans cette méthode spécifique 12. Entraînement d'alerte: la méthode suivante. À l'intérieur de notre aide, une classe s'appellera alerte. C' est aussi public et c'est aussi une alerte de fonction statique et nous passons le message en tant que premier type panem et den comme second Par défaut, ce sera Allard qui appliquera essentiellement ce fond rouge. Ah alerte sera essentiellement pour tous les messages d'avertissement et c'est le message d'avertissement. Quel bras qui va être affiché au-dessus de la forme générale. Si cela doit être la confirmation, alors évidemment il y aura une classe différente plutôt qu'Allah lui appliquer pour indiquer avec quelque chose comme avec un fond vert ou quelque chose comme ça. Nous avons commencé avec la variable out qui commencera par DIF et avec une boîte de tiret d'alerte de classe qui est l'une des classes à l'intérieur de la fondation. Pour alors, nous avons sorti et nous commençons n'est pas vide type. Si ce n'est pas vide, utilisez-le simplement, mais utilisez-le d'abord l'espace pour créer évidemment l'espace entre cette classe et la nouvelle. Donc tapez le contraire, deux-points. Non, mais nous ne voulons pas ajouter quoi que ce soit à cette chaîne et ensuite coordonner ceci avec fermeture de guillemets pour cet attribut de classe, puis la fermeture, défaite d'ouverture Tuck puis la coordination avec le message. Et enfin, nous devons clore notre dif. Donc, nous fermons notre dif dif dif. Et maintenant, une fois que nous avons toute cette chaîne prête, retournez-la en tapant simplement retourné et c'est notre classe d'aide terminée. 13. Cours de validation: la prochaine classe que nous devons créer, c'est les données de la vallée. Donc, à l'intérieur de la chute de la bibliothèque que nous allons créer la nouvelle classe PHP appelée validator, at-il dit de la classe de données volley. Nous allons commencer par définir quelques propriétés. Le 1er 1 serait public appelé attendu et va être un tableau MBT. Le suivant est public, Très calme. Également tableau vide. Ensuite, nous avons la validation publique Ray aussi. Ensuite, nous avons un tableau public, qui est aussi un droit vide. Ensuite, nous avons des erreurs publiques. Un autre tableau dans le dernier tableau également public, spécial. Ok, donc ce sont nos six propriétés après nos propriétés, quelques nouvelles lignes et une nouvelle méthode qui sera également fonction publique appelée est valide. Et qu'est-ce qu'on va faire ici ? Nous allons passer le rayon en tant que département Non, par défaut. La première condition à l'intérieur de cette méthode sera si l'exclamation marque ceci et soulignement est un rayon vide et nous passons nos tableaux la pièce mètre. Et après cela, si déclaration simplement retourner faux. Donc maintenant ce que nous vérifions est évidemment, si le tableau est un tableau vide, nous devons créer ces méthodes. Évidemment, cela devrait commencer par le signe du dollar. Maintenant, c'est un rayon vide. Donc, au-dessus de notre f est valide. Si un créatif quelques nouvelles lignes et nous allons arrêter avec la fonction privée est un rayon vide et tableau aspire mètre par défaut. Non. Et voici simplement retourner semi Colin après cela et à l'intérieur du retour que nous vérifions n'est pas vide Ray et est tableau notre tableau. Donc, en gros, vérifier si ce n'est pas vide et si c'est vraiment un viol. Mais maintenant, la question du nom de la méthode est le tableau vide. Évidemment, nous devons retourner le contraire. Qu' est-ce que nous allons faire pour le faire simplement à l'intérieur de ce support ? Mettez le point d'exclamation et mettez cette condition à l'intérieur d'un autre ensemble de crochets. Donc, si cela ne va pas être vide et qu'il est tableau, nous retournerions Sure, qui est opposé à l'opposé ainsi et à ce que nous demandons. Donc, afin de faire devrait évidemment il retourne la bonne réponse à notre question. On doit utiliser ce point d'exclamation en Rupp. Évidemment, notre déclaration entre parenthèses positives. C' est donc notre méthode est vide tableau. Une heure est une méthode valide. Juste le début de cette méthode, nous allons créer un peu plus d'instruction à l'intérieur de cette méthode dans une vidéo X. 14. Filtrer attentif et requis: toujours à l'intérieur de notre classe validée et est une méthode valide après la première instruction, if allons-nous le faire ? ISS a appelé une autre méthode appelée déchirure de carburant. Attendez-le et nous passons dans le tableau comme périmètre et créons cette méthode juste au-dessus cela est évalué. Donc, quelques nouvelles lignes à nouveau et va être fonction privée sous Scott. Filtre attendu, et nous passons le tableau comme périmètre par défaut. Non. Maintenant, nous allons pour le pour chaque tableau de boucle. Oui, la clé est égale à la valeur. Nous n'avons pas besoin de vérifier si le tableau est une autre empathie parce que évidemment nous l'avons déjà fait avec la première instruction. Donc, nous savons que c'est définitivement un tableau et ce n'est pas vide, donc nous pouvons aller directement dans la boucle for chaque. Maintenant, nous vérifions si, ah, dans le tableau et nous cherchons la clé. Et puis cela attendu, qui est notre propriété d'usure, qui est dans le rayon, Évidemment et le désarroi contiendra tous les champs attendus, qui se sentira à l'intérieur de notre fichier PHP point sommet plus tard. Nous précisons ce que nous estimons que nous attendons à ce que nous avons besoin d' un traitement spécial . Et si c'est à l'intérieur de ce champ attendu ce que nous voulons faire, Nous voulons passer cette clé et la valeur à notre tableau, qui est fondamentalement le filtré toutes les valeurs attendues recueillies à partir de la clé O de poste ou une clé, puis attribuer la valeur à elle. C' est donc notre méthode attendue de terrain. Si nous faisons défiler vers le bas à notre méthode est valide à nouveau après avoir appelé le champ, il s'attendait Allons-y pour une autre méthode appelée est nécessaire valide. Et si nous copions le nom de cette méthode et au-dessus de notre est valide quelques nouvelles lignes, créons une fonction privée est nécessaire valide. Et nous allons simplement vérifier si tous les éléments qui se trouvent à l'intérieur du tableau requis ont également été passés par les sondages. Fondamentalement, lorsque le formulaire a été soumis. Donc pour chacun, cette fois nous allons passer par notre propriété nécessaire, ce qui est évidemment dans la clé du rayon. Et maintenant, nous vérifions. Si la clé de tableau de marque d'exclamation existe, beaucoup , évidemment, si vous êtes une clé n'existe pas et la recherche de notre clé, qui est à l'intérieur du tableau requis. Et puis dans ce tous les jours qui ont été envoyés Elia en utilisant leur méthode de filtre attendue. Ensuite, si cela n'existe pas, signifie évidemment que cela n'a pas été soumis qu'il y a quelque chose de mal avec la soumission ceci à Arrow et nous ajoutons la clé Maintenant, nous n'avons pas notre méthode d'erreur. Jetons un coup d'oeil à cette méthode dans la vidéo suivante. 15. Ajouter un tableau d'erreurs: dans une vidéo précédente Nous avons utilisé à la méthode d'erreur, que nous allons créer maintenant. Donc, avant notre est nécessaire valide quelques nouvelles lignes. Et cette fois, cette méthode sera publique car à un moment donné, nous pouvons avoir besoin de cette méthode pour éliminer quelques erreurs en dehors de leur classe elle-même. Donc, à erreur, puis nous allons pour la clé, qui par défaut est non. Et maintenant, nous vérifions si c'est sur le Scotus Aargh Key et nous lui transmettons la clé de l'ESP Army . Si c'est valide, ce que nous faisons est ceci. Tableau d'erreurs. Nous avons passé la clé, et nous sommes égaux. Cela équivaut à ce tableau de validation et à travailler pour la clé spécifique, qui aura un message signé. Donc, fondamentalement, nous avons mis dans le tableau des erreurs d'air quelque chose comme ça. Si c'est dans le rayon, ça va l'être, disons que le prénom demandera à la police de fournir votre premier. C' est ce que nous faisons réellement avec des instructions, des erreurs, un tableau. Quand nous sommes à la recherche de cette clé va retourner ce message. Donc c'est notre méthode à l'aérodynamique. Évidemment, avoir obtenu ceci est une recrue valide. Copions donc le nom de cette méthode et créons un buff. Notre art air un. Celui-ci est privé, une fonction privée. Y a-t-il une clé valide ? Et nous passons la clé par défaut ? Non. Et ce que nous faisons est simplement de retourner la vérification d'une déclaration qui me permet juste de mettre des demi-deux-points immédiatement après que le crochet de fermeture n'est pas vide. Donc point d'exclamation. La clé de début. Donc la clé n'est pas vide et le point d'exclamation chaque jour clé existe. Et une clé, première partie, un mètre. Et puis nous vérifions ce tableau d'air rose parce que de toute évidence, si nous avons déjà un message pour cet intérieur spécifique de l'Arizona, nous ne voulons pas en ajouter un autre, mais parce que cela va évidemment remplacer le précédent. Donc, nous vérifions d'abord si la clé est vide, puis si elle n'est pas déjà à l'intérieur de l' Arizona. Donc c'est notre est Air O Keefe rallié avec les méthodes de l'ère de l'art 16. Validation de l'entrée: retour dans notre méthode est valide après est requis valide. Nous allons appeler une autre méthode appelée ceci et un nom de méthode ISS valeur volleyed. Et après cela, avant de commencer à créer ceci, nous venons de terminer ce retour de méthode et nous vérifions vide Cette erreur Fondamentalement, nous demandons est ariz tableau vide ? Il va retourner vrai, sinon va revenir à l'automne. Donc c'est comme ça qu'on va ici. Donc la valeur est-elle valide avant que notre méthode soit valide ? Quelques nouvelles lignes et sa fonction privée est des vallées de valeur. Nous avons commencé avec le pour chaque boucle. Allons-nous utiliser le rayon d'air qui a été rempli à la clé de la zone égale le volume ? abord, si cela et dans une méthode appelée est vide et re calme passons-nous la clé comme le premier périmètre, puis la valeur comme le second, puis sinon si la condition suivante est dans Ray et nous cherchons la clé et cette donc si cela nécessite une validation spéciale, s'il vous plaît noter que cela devrait être dans un tableau. Note est tableau de mon erreur. Désolé pour ça. Ensuite, ce trait de soulignement valider spécial et nous passons la clé et le périmètre de la valeur. abord, nous allons créer ceci est vide et nécessaire. Mais avant de le faire, nous devons évidemment nous assurer de retourner quelque chose à l'intérieur de cela. Si instruction, Si c'est vide et qu'il est nécessaire vers le bas, nous sortons simplement Pero en contournant la clé, indiquant évidemment quel élément est vide et il est à l'intérieur des champs requis parce que ce n'est évidemment pas la façon dont il devrait être. Donc est vide et requis avant notre valeur est valide. Quelques nouvelles lignes. La fonction privée est vide et nécessaire. Nous avons deux paramètres. 1st 1 est la clé par défaut. Non et la valeur savent également par défaut à l'intérieur de notre nouvelle méthode, nous allons retourner. C' est un point-virgule radieux, et la condition est moi. Nous recherchons est un tableau vide, que nous créons en juste une seconde valeur et dans la clé de tableau. Ce re calme essentiellement ce que nous vérifions ici Si la valeur est vide et nous allons créer . C' est une méthode vide parce que se tenir vide comme la fonction vide vélo fonction PHP. Vérifiez si les valeurs vides basées sur si c'est zéro, il est également égal à vide et nous voulons éviter est parce que dans ce cas, la valeur peut. C' est dans certains cas, être plus facile avec sera qui sera calme. Ah, évidemment Ah, acceptable. Valeur acceptable à soumettre par le biais du formulaire. Nous voulons donc exclure ce genre de cas. Alors jetons un coup d'oeil à ça. Est la méthode vide d'abord donc juste au-dessus pour créer quelques nouvelles lignes et nous créons simplement public cette fonction statique de temps, um est vide et nous passons la valeur par défaut ? Non. Alors, qu'est-ce qu'on va revenir ici ? C' est vérifier en premier. Vide. Ah, la valeur et le point d'exclamation sont numériques et notre valeur. Parce que si c'est la nouvelle Amérique, dans ce cas zéro serait alors évidemment cette condition sera fausse. Tous les deux, ils doivent être vrais pour revenir. La vérité est vide, évidemment déclaration. Donc, si c'est zéro qui retournera false dans ce cas, évidemment doute d'aller aussi retourner faux Et évidemment cela signifie que la valeur pour le champ spécifique n'est pas vide. C' est notre est vide et nécessaire, plus les méthodes vides le complètent 17. Validation des e-mails: au lieu de la façon est la méthode valide de la valeur. Nous avons également utilisé les dates de la vallée, méthode privée spéciale, que nous n'avons pas encore. Donc, juste au-dessus de notre est la méthode valide de valeur, fonction privée valide spécial, et nous avons une clé comme la première partie amita fin de valeur comme la seconde, dit-il de cette méthode. Ce que nous allons faire est d'utiliser cette instruction switch. Nous allons utiliser le commutateur parce qu'à l'avenir, vous pouvez utiliser la même classe pour valider tout spécifique là-bas. Quatre mois tombent pour votre forum. Vous pouvez avoir un numéro de téléphone, que vous voudrez peut-être valider, ou tout autre chose que vous pourriez penser qu'il serait bon d'avoir validé plutôt que de simplement vérifier s'il est vide ou non. Donc, dans cette déclaration de commutation, nous n'aurons qu'un seul cas. Évidemment, nous ne vérifions que l'email, et dans ce cas, nous allons avoir ce sur ce score est email volleyed et nous passons clé et valeur puis casser. Après ça, on n'a évidemment pas eu ça. L' email vomit est-il valide ? Donc, au-dessus de nos nouvelles méthodes, Quelques nouvelles lignes et la fonction privée est la valeur e-mail à tenir compte de la clé à nouveau et la valeur à l'intérieur de cette méthode. Ce que nous allons faire est si le point d'exclamation se sent ter var est une fonction PHP, puis nous avons une valeur positive comme le premier périmètre et dans le filtre, qui veulent utiliser, qui sera rempli. Son email de rendez-vous de volley. Nous vérifions les e-mails avec ce champ de essentiellement, si ce n'est pas une adresse e-mail valide. Si c'est le premier, ne se conforme pas évidemment, alors ça. Nous allons effacer l'art Aargh et nous passons la clé pertinente de cette méthode. Donc, c'est notre classe de validateur terminée pour affaiblir maintenant sûr et fermer le fichier. 18. Soumettre le fichier: retour dans notre soumettre un fichier PHP point, qui trouvera à l'intérieur du dossier M. O. D. O. D.. Après tout, ces trois nécessitent une fonction. Nous allons commencer par le shaitan instantané en séjour elle ation de notre nouvel objet Valley pour les données de volée objet équivaut à de nouvelles données de volée, puis aux données de l'objet de la vallée. Nous spécifions quels éléments nous attendons donc tableau attendu et nous spécifions ce que nous voulons de disposer pour être collecté prénom. Ensuite, on a un nom de famille. Nous avons email un autre type waas de champ, qui est notre menu déroulant. Et puis avons-nous envoyé un texto ? Je voudrais simplement demander maintenant si je copie vieux est badigeonné en dessous et changer le nom de la propriété en requis parce que tous ces champs sont requis. Alors faisons-le comme ça. Ça va être plus rapide maintenant si tu fais défiler l'heure. La prochaine propriété sera des données de volée objet spécial, et il n'y a qu'un seul champ que nous voulons valider d'une manière spéciale autre que vérifier si elle est vide, ce qui sera un e-mail pour valider, évidemment, pour le bon format de l'adresse e-mail, la prochaine chose est le validateur d'objet et nous allons passer les messages de validation. Donc tableau, nous commençons par ce prénom et un message. On devrait dire quelque chose comme la police donne ton prénom. Le suivant est le nom de soulignement de la luxure et un message pour celui-ci sera. Veuillez indiquer votre nom de famille. Ensuite, nous avons un email. Veuillez fournir votre adresse e-mail volleyed. Ensuite, nous avons le type. Veuillez sélectionner le type de demande. Et puis nous avons une enquête. Et un message d'enquête sera quelque chose comme la police. Fournissez votre message. Peut-être. Et ce sont de vieux cinq champs secrètes. Après cela, nous allons commencer par une déclaration essayer et couper. Nous continuellement exception représentée par le mal Rabel. Et si une exception a été levée pendant que nous exécutons un bloc try, nous allons créer le message viable. Et nous obtenons le message de l'exception. Alors recevez un message, vous savez, Echo Helper. Et nous utilisons notre Jason et manteau pour renvoyer le message à leur JavaScript. Rends-le aux prisons, petit frère. Et à l'intérieur de ce tableau, nous commençons par l'index d'erreur, qui sera vrai dans ce cas. Ensuite, nous allons pour le message, qui est notre message pour pouvoir. Et la dernière chose si je fais défiler vers le haut sera la validation pour simplement objecter les données de la vallée, les erreurs plus anciennes, collectées et les messages. Donc c'est la déclaration de capture. Dans la vidéo suivante, nous allons travailler avec notre bloc d'essai. 19. Valider la demande: au lieu de notre tribu. Ecoutez, nous allons commencer par si le validateur d'objet est valide et nous passons le post sont capables lui avec tous les éléments soumis via le formulaire Els, Ce que nous allons faire est de lancer une nouvelle exception. Un message d'exception indique que la police remplit les éléments manquants. Si la validation a été réussie sur, alors nous allons pour si le contact et la méthode que nous n'avons pas encore obtenu à l'intérieur de notre classe de contact qui est appelé envoyé. Et ce que nous allons passer à cette méthode est le tableau toutes les violettes collectées et, euh, euh, clés et valeurs fondamentalement de notre forme Else à nouveau, nous allons jeter une nouvelle exception, disant quelque chose comme Message pourrait ne soit pas envoyé maintenant. Une chose avant d'oublier que nous jetons toutes ces exceptions, mais ce ne sont que des chaînes sans même rapper un paragraphe ou quelque chose comme ça. Donc, si vous faites défiler jusqu'à notre déclaration de coupe et quand nous passons ce message à notre index de messages, ce que nous allons faire est de le frotter avec le cours d'art. Méthode désolé à l'intérieur de la classe impuissante. Alors l'aide et notre message d'olive. Et c'est ce que nous allons faire ça va essentiellement frotter ce message avec cette boîte rouge que vous verrez plus tard. On va commencer à tester l'application. Donc, si vous faites défiler vers le haut et si notre méthode d'envoi a réussi, alors ce que nous faisons est de créer le message. Ce même message indiquera que le message a été envoyé avec succès. Et demi Colon, puis Echo Helper. On cherche encore le Jason et le manteau. Ray, on passe par quelque chose qui s'appelle Après la plus ancienne. Le premier index sera une erreur. Ce Simon sera faux, indiquant que tout est en train de réussir et le message qui va se frotter à nouveau avec notre méthode d' aide. Donc son message. Et cette fois, nous allons passer La classe est la deuxième partie mètre, ce qui sera le succès, qui est fondations couleur de fond vert essentiellement pour ce spécifique notre type. Donc, c'est notre façon, Sammy dot fichier PHP terminé, en fait que la seule chose est que nous devons évidemment retourner à notre classe de contact et créer ce parfum et toutes les autres méthodes que nous n'avons pas encore là. Afin d'envoyer notre message 20. Format du message à html: Si nous ouvrons notre fichier PHP point de contact à l'intérieur de leur dossier de bibliothèque, qui est notre classe de contact après la propriété types, nous allons en créer un autre cette fois statique privé, et il va s'appeler Underscore Receiver. Et puis ça va être chez Ray et à l'intérieur de ce tableau. Nous allons spécifier cette adresse e-mail donc email sur va être, par exemple, dans quatre oui, le tutoriel toujours à venir puis l'index de nom, qui sera s comme les tutoriels. C' est essentiellement le tableau qui contiendra les détails du récepteur lorsque le formulaire est soumis. qui devrions-nous l'envoyer ? Fondamentalement, euh, donc vous allez devoir clairement spécifier les détails de votre client, vos clients, adresse e-mail et de vos clients soit Nom d'entreprise, tout nom personnel off. Quiconque reçoit cette adresse e-mail, l'élément suivant sera la constante à l'intérieur de notre classe, ou CONST, puis les lettres majuscules. Contact sujet et son sujet de contacts sera essentiellement l'objet de notre e-mail, et il sera demander à partir de mes sites Web ou tout autre que vous vous sentez un petit pertinent après tout, ces propriétés et constante nous allons créer quelques nouvelles et nous allons commencer par la première méthode, que nous avons appelée à l'intérieur de leur fichier envoyer point PHP, que vous trouverez qu'il est à l'intérieur du dossier MLD, chapitre essentiellement précédent et nous allons l'appeler fonction statique publique. Ah envoyé et nous passons le tout comme le périmètre, qui toutes les valeurs soumises que la variable de message, qui va commencer par qui toutes les valeurs soumises que la variable de message, auto parce que nous faisons référence à la méthode statique qui sera privée. Donc soulignement message de format et puis nous passons tableau Esparta mètre. Donc, le message de quatre mois, évidemment, est la méthode que nous n'avons pas encore dans cette classe eso au-dessus de notre méthode envoyée, quelques nouvelles lignes et la fonction statique privée. Nous allons pour l'ancien message chaque compteur Isparta par défaut. Non et ce que nous allons commencer ici avec ses éléments et ce sera un tableau vide. Maintenant, nous commençons les éléments entre crochets, nous ajoutons un nouvel élément à ce tableau, et nous commençons par un premier nom fort deux-points et fermons un discours fort vers le bas. Nous allons avoir un espace et co-coordonner cela avec les prénoms de tableau et d'index de valeur associés à un index spécifique Les éléments suivants à nouveau la nuit prochaine et seront forts. Nom de famille Colon fermant un espace de conversation fort. Et puis on pourra coordonner ça avec Ray. Nom du dernier trait de soulignement, je l'article qu'ils découvrent. Copiez ceci plutôt que de taper encore et encore en fonction de l'élément suivant est l' adresse e-mail . Donc l'adresse e-mail que celui-ci était sera légèrement différent. Nous avons changé l'index du tableau en e-mail, mais ce que nous voulons également faire est de rendre cet e-mail cliquable. Donc, après l'espace un voyage, si mâle à colon et puis nous devons avoir un concurrent avec notre repas. Ensuite, on peut couper Natan à nouveau en fermant le voyage A. Double citation fermeture, ouverture de l'attaque à nouveau. Khan coordination avec email, puis concaténation. Et entre l'attaque de clôture de citation unique. Ensuite, nous avons un autre article. Plutôt que de faire ce travail comme ça à nouveau, copions ce nom de famille, collez-le en dessous. Et maintenant, plutôt que le nom de famille. Évidemment, ce sera là. Tapez la demande et nous allons utiliser un type de taux. Mais évidemment, le type ne retournera que l'I d de notre tableau de types. Donc, ce que nous devons faire des problèmes auto et nous utilisons leur tableau de types. Et puis, en utilisant l'index, nous pouvons récupérer la valeur associée à cet index à l'intérieur de ce tableau de types. Ça allait nous donner une étiquette pour ça. Si nous copions maintenant ce dernier nom de famille à nouveau je fois. Maintenant, le dernier élément est tout simplement là. L' enquête Donc nous allons vraiment faire est de supprimer ce fort ici, et nous allons envelopper plutôt que l'enquête sur le nom de famille avec de l'espace non cassable. Donc, vous vous tenez à B R. Donc, fondamentalement, tous les nouveaux caractères de ligne seront convertis à l'attaque B R, ce qui serait évidemment notre html Biarritz comme créer une nouvelle ligne dans notre e-mail HTML. Donc maintenant que nous avons tous les éléments cachés, commençons par la variable out. Nous commençons avec un style dif que nous voulons formé taille à 14 pixels que point-virgule formé loin moi Lee pour être fils aériens Saref, Semicolon den Kohler. Faisons 333 qui est ce gris foncé et je pense que c'est assez pour que nous puissions fermer la double citation, puis fermé le dif et évidemment, Semicon après tout cela, puis sur concaténation cet esprit de discussion paragraphe de départ. Puis dehors. Nous pouvons coordonner cela avec la fonction implode qui est fondamentalement joignant tous les éléments de votre A avec le globe spécifique fondamentalement Della Meter. Alors soyez notre discussion. Donc, je veux que tous ces éléments que nous avons ajoutés à ce tableau d'éléments soient séparés par les bs. Après chaque ligne, nous allons être notre discussion essentiellement. Donc, nous implodisons tous ces éléments de ce tableau. Donc, nous devons passer les éléments soulever la deuxième partie du temps, puis à l' escroquerie, culminant avec un discours de paragraphe de clôture et la réunion conquise avec la défaite finale Tuck. Et c'est maintenant notre message HTML prêt. La dernière chose que nous devons faire à l'intérieur de ce message simplement le renvoyer. Alors revenez. Annoncer notre ancienne méthode de message terminée 21. Méthode d'envoi: heures de bucking envoyer méthode hors de la classe de contact après le message et notre ancienne méthode de message . Créons à partir de variable et laissez-vous une autre méthode statique à l'intérieur de cette classe appelée format de Et ce que nous allons faire sa partie de l'année Race baromètre. Maintenant, au-dessus de nos méthodes de sable, quelques nouvelles lignes et nous créons un autre format de fonction statique privé à partir de Est-ce que nous passons chaque compteur espera ? Non, par défaut. Et puis nous retournons simplement tableau et cherchons le premier nom de soulignement, puis la concaténation manger ceci avec un espace, puis tableau dernier sur le nom du crâne. Et après cela, ce que nous faisons est la concaténation à nouveau ouvrant, euh , doc comme élément, puis tableau nous allons adresse e-mail complète et puis nous fermons ce discours eso fondamentalement cette adresse e-mail va entre être entre cette cible, comme la flèche gauche et la flèche droite. Fondamentalement, Hora qtr si efficacement, la valeur de retour sera quelque chose comme ça. Bastion si maigre ski dans quatre tutoriels SSDI ne viennent pas. C' est à ça que va ressembler. Je vais mettre entre une simple citation comme et voir clairement à quoi ça va ressembler. C' est exactement ce que cette méthode retournera. Donc c'est notre ancienne méthode de ah. Le prochain sera à l'intérieur de notre méthode d'envoi, et c'est la même chose auto pour un mois à cette fois. Nous n'avons pas besoin de passer quoi que ce soit parce que nous allons utiliser nos propriétés et compte décidé pas constante sur les propriétés, fonction statique privée, format de soulignement à et à l'intérieur de notre ancien à. Je vais juste copier toute cette base de ligne à l'intérieur de celui-ci. Et plutôt que de conclure ici avec le prénom et le nom plutôt en utilisant tableau, où nous allons faire soi-même ? Et nous utilisons le récepteur et le récepteur I temp nom par malade. L' index nommé la vallée associé à cela, et maintenant il est copié lui-même. Receiver a remplacé cette baie et cette adresse e-mail. Donc fondamentalement, à qui que nous envoyons cette adresse e-mail, évidemment cet article est parti vont être placés dans ce même format. Donc, il a été appelé à ascend méthode à nouveau. Ensuite, nous devons jeter un oeil aux en-têtes dans lesquels nous allons passé sur une fonction masculine. On va commencer par la tête. Heather est en fait égal et entre eux entre une double citation, mime, trait d'union, puis version avec un majuscule V deux-points. 1.0. Et ce que nous devons faire ensuite, c'est une barre oblique arrière. Laissez un R minuscule en barre oblique inverse, n minuscule, puis point-virgule. Après tout cela, ce que c'est vélo est un retour courageux et un ajustement de la ligne. Cela nous couvre sur les trois systèmes. Fondamentalement marquer boeuf ligne et les fenêtres sur les fenêtres. Vous devez avoir les deux sur la ligne X. Vous pouvez simplement avoir et posséder des fenêtres. Vous avez juste Vous pouvez avoir juste notre vélo cette barre oblique inverse, mais pour vous assurer qu'il est évidemment compatible multi-plate-forme, utilisons-nous les deux, et ça va fonctionner bien. Juste et aussi chose très importante. Assurez-vous que vous placez et fermez tout dans les guillemets simples à double avis. C' est aussi très important ici. Maintenant, nous allons contaminer ces en-têtes avec à nouveau le contenu des guillemets doubles, type de trait d' union que le texte deux-points pour un noir H T M l. Parce que vous voulez que notre email soit html pendant des mois formaté en html. Fondamentalement, le jeu de coeur est égal U T F trait d'union huit. Et encore une fois, dollars Lush sont des dollars luxuriants et puis point-virgule. Après ça, nous contaminons nos en-têtes à nouveau avec du côlon et de l'espace m'a mis à aller après cette Heather et à sortir de la concaténation. Maintenant, nous utilisons notre variable from. Ensuite, nous pouvons coordonner à nouveau avec l'entre les guillemets doubles buck box slash n puis tête. Il y a une autre concaténation avec réponse à l'espace du côlon et dans la tête point-virgule il y a une autre concaténation avec de nouveau et après le plus ancien. Si nous créons une nouvelle ligne et simplement retourner le courrier et maintenant nous utilisons deux très en mesure d'indiquer à qui nous envoyons cela, alors est l'élément suivant. Ali est le sujet, donc contact sujet constant. Ensuite, notre message dans la dernière chose est que Heathers point-virgule a annoncé notre méthode d'envoi dans notre verre de contact terminé. 22. Test: maintenant que notre formulaire est rempli, conduit test si tout fonctionne de la façon dont nous nous attendions tout d'abord, sans ressentir aucune information, allons cliquer sur le bouton envoyer un message. Vous pouvez voir que la validation en haut a été affichée, et tous les messages individuels ont également été affichés au-dessus de leur champ. Évidemment, qu'ils s'abstiennent. Si je fais défiler vers le bas et que je tente d'appuyer à nouveau sur leur bouton d'envoi de message, vous ne pouvez voir rien ne change. Mais si je me sens un hors des champs, disons le prénom et un clic sur envoyer un message. Vous pouvez voir que ce message a disparu, mais tout l'autre état, comme vous vous attendez à ce qu'il soit. Alors remplissons, puis Emojis basse ténacité, tutoriels, enquête. Si nous sélectionnons demande de support et mon message sera, c'est le premier support et calme. Maintenant, si nous cliquons sur envoyer le message, tous les messages de validation ont disparu, et évidemment notre message de validation principal a été remplacé par une confirmation. Ce message a été envoyé avec succès. Maintenant, si nous vérifions notre client de messagerie où, comme vous pouvez le voir, ce message est arrivé avec succès du champ a évidemment pris les données que j'ai entré sur eux formulaire sujet est notre constante. Ensuite, nous avons le message formaté en html, évidemment exactement comme nous l'avons fait dans une de nos méthodes. 23. Résumé du projet: notre formulaire est maintenant rempli et vous pouvez commencer à l'utiliser dans vos projets de vie. En utilisant les classes existantes, vous pouvez étendre le formulaire pour accueillir plus de champs, cases et autres éléments de formulaire. Si vous souhaitez vous aider à créer le formulaire de contact avancé avec le téléchargement de fichier, assurez-vous de vérifier notre autre titre appelé Secure PHP Online formulaire de contact avec pièce jointe. J' espère qu'il a apprécié ce cours. Et si vous avez des questions, hésitez pas à nous contacter. Pas sûr pour l'instant. Au revoir.