[Résolu] [Invision] Un champ obligatoire dans la zone de saisie de texte

[FANCH 56]

Bonjour à tous

Je pensais avoir résolu mon problème, mais il n'en est rien.

Problème : Je suis à la recherche d'un code qui demanderai dans une zone de saisie, l'adresse email du posteur, comme dans un formulaire.

Raison : J'ai ouvert dans CE FORUM une zone ouverte en écriture aux invités.

Cette zone nécessite, pour une réponse perso, que la personne qui poste, entre une adresse email.

Je désire juste ce champ et qu'il soit obligatoire (pas de possibilité de "Envoyer" si non rempli).

Si vous souhaitez d'autres explications, je suis à disposition.

Merci

[kiwi14637]

Bonjour,

Pour les navigateurs assez récents, on peut toujours utiliser ce code :

Code:

<input type="email" required="">

Mais on peut facilement contrer le caractère obligatoire du champ.

Sinon, on pourrait peut-être modifier la page contact.

Bonne journée !

[FANCH 56]

Bonsoir

Merci

Mais je mets ceci à quel endroit ?

J'ai créé une page html. mais comment la lier au forum dans lequel je veux l'utiliser ? Pour que à chaque fois que la personne ouvre un nouveau message, cela soit visible dans le champ de saisie.

Code:


<br /><strong> <span style="color: rgb(255, 0, 0);">Entrez votre email pour avoir une réponse personnelle.</span></strong> <input required="" type="email" /><br />

EDIT : Bon hé bien j'attends un codeur, j'ai beau essayer avec les différents java récupérer sur FA, je ne comprends pas la syntaxe.

[kiwi14637]

Bonsoir,

A noter que vous pouvez utiliser les label pour annoncer le champ.
Sinon, je ne connais rien en code mais je peux préparer le terrain.
Déjà, paramétrez bien le sujet car on peut voir le contenu de la balise hide en postant.
Sinon, je penserais à 2 solutions :

• page contact modifiée : ajout d'un paramètre dans l'URL pour déclencher un événement qui permettra de récupérer le contenu, comme dans un formulaire que l'on peut fabriquer, pour le déposer dans votre section Invité. On redirige aussi si quelqu'un clique sur le bouton "Nouveauté".
  
• template de post modifié : on rajoute un javascript dans ce template qui rajoute le champ que je vous ai indiqué précédemment. Toutefois, on pourra facilement modifier le caractère obligatoire du champ et tous les navigateurs plutôt anciens ne sont pas compatibles. On peut aussi passer par un javascript pour vérifier si le champ est bien rempli
  

Voilà ! C'est tout ce que je peux faire à mon niveau pour vous aider.

Bonne soirée et bonne chance ! (J'étais venu exprès sur le Fdf à cette heure pour vous répondre)

[FANCH 56]

Merci Kiwi

Mais avec toute la bonne volonté du monde, je ne sais pas obliger le champ a apparaître dans la zone de saisie du forum invité.

Pour la balise Hide, les admis la mettrons manuellement. Donc je modifie ma question.

[kiwi14637]

Je ne peux que vous souhaiter bonne chance alors !
Je suis désolé mais je préfère ne pas vous donner un code "fabriqué" :/

[FANCH 56]

Je fais remonter

[no_way]

Bonjour Fanch
Essayez avec le code suivant:

Code:

$(function(){
   if($("form[name='post'] input[name='f'][value='68']").length){
      var $post_form=$("form[name='post']");
      var $dl_sujet=$($("input[name='subject']",$post_form).parents("dl")[0]);
      var $champ_email=$("<dt><label for='contact-email'>Votre email</label></dt><dd><input type='text' required='required' id='contact-email' placeholder='Indiquez votre email' /></dd>");
      $dl_sujet.append($champ_email);
      $post_form.on("submit",function(){var r=/^[a-z0-9][a-z0-9_.-]+@[a-z0-9][a-z0-9_.-]+\.[a-z]{2,}$/i.test($("#contact-email").val());if(!r){
         $(window).scrollTop($('#contact-email').parents("dl").first().offset().top);
         $('#contact-email').val("").css({"color":"red"}).attr("placeholder","adresse invalide")
      }return r})
   }
})

[FANCH 56]

Merci no way

Effectivement le champ apparait à la saisie, mais pas à la lecture dans la zone de texte. Je souhaite que le champ apparaisse en première ligne.

Dans le code je ne retrouve pas le lien de ma page HTML

[no_way]

Oula, je ne devais pas être réveillé désolé ^^

Code:

$(function(){
   if($("form[name='post'] input[name='f'][value='68']").length){
      var $post_form=$("form[name='post']");
      var $dl_sujet=$($("input[name='subject']",$post_form).parents("dl")[0]);
      var $champ_email=$("<dt><label for='contact-email'>Votre email</label></dt><dd><input type='text' required='required' id='contact-email' placeholder='Indiquez votre email' /></dd>");
      $dl_sujet.append($champ_email);
      $post_form.on("submit",function(){var r=/^[a-z0-9][a-z0-9_.-]+@[a-z0-9][a-z0-9_.-]+\.[a-z0-9]{2,}$/i.test($("#contact-email").val());if(!r){
         $(window).scrollTop($('#contact-email').parents("dl").first().offset().top);
         $('#contact-email').val("").css({"color":"red"}).attr("placeholder","adresse invalide")
      }
      var $editor=$("textarea[name='message']",$post_form).sceditor("instance");
      $editor.val("[hide]"+$('#contact-email').val()+"[/hide]"+$editor.val());
      return r})
   }
})

Le message sera modifié à l'envoi pour que l'adresse soit mise sous hide en première ligne.

[FANCH 56]

J'ai ce message d'erreur



Je n'arrive pas à laisser oui ocher ici

[no_way]

Il est possible de modifier cela en allant dans votre PA puis dans général->sécurité repérez "Interdire aux invités de poster des liens externes et des emails" et mettez à "non", une autre solution peut être de modifier l'adresse de sorte qu'elle ne soit plus considérée comme une adresse email ex:
moi_AT_serveur.fr

Edit: vous n'arrivez pas à cocher "non" vous voulez dire ?

[FANCH 56]

Affirmatif

Je coche non, j'enregistre et cela revient à oui.

EDIT : Après plusieurs essais, c'est bon.

Merci

Résolu