jqueryts Il y a 3 mois Répondre
Merci pour le tutoriel , ça m'a aider pour mes premier pas en jQuery, j'aimerai savoir quel IDE vous utilisez
112 commentaires
Ajouter un commentaire
Chris31 Il y a 5 mois Répondre
Bonjour.
Tout d'abord je suis membre premium et je regrette que les sources ne soit pas disponibles.
Ensuite je suis parvenu à le faire sur une page de test mais je n'arrive pas à appliquer ceci à un textarea!
Comment faire?
les bords ne se colorent pas et le texte ne s'affiche pas.
Merci d'avance
guillaumebdx Il y a 7 mois Répondre
Bonjour,
La question a déjà été posée, mais j'ai beau lire la totalité des commentaires, je ne vois pas de réponse.
Comment comparer deux champs pour vérifier s'ils sont identiques ?
Pour un mot de passe par exemple.
Merci
Grafikart Il y a 7 mois - Répondre
valeur1 == valeur2
Rom' Il y a 10 mois Répondre
Vérifier un formulaire sur le click du bouton submit est une erreur.
En effet, si un des champs dans le formulaire à le focus et que je tape sur "Entrée", le formulaire sera envoyé. Le bouton submit ne sera donc pas clické.
Voilà pourquoi il faut vérifier le formulaire en écoutant l'évenement "submit" du formulaire.
Il faut donc garder ton code mais remplacer $("#nom").clic(... par $("#idDuFormulaire").submit(...
De ce fait, si le formulaire est soumis de n'importe qu'elle façon, le script sera toujours appelé.
Cordialement
Ronan Messuwe
salma Il y a 10 mois Répondre
merci pour le tuto
est ce que tu peut me dire comment je peut envoyer les données insérés dans le formulaire a ma base de données ?
merci d'avance
data[Comment][mail]data[Comment][mail]data[Comment][mail]dat Il y a 11 mois Répondre
Petit test sur la façon dont vous protégez votre site web au niveau des commentaires! Si vous échouez a ce test je vous dirais comment le résoudre
Au passage chouette tutoriel!
mi-consulting Il y a 11 mois Répondre
Bonsoir,
Je suis membre premium... Ou peut ont trouver les ressources concernant ce post ?
Merci d'avance
Aranno Il y a 11 mois Répondre
Question bête, mais c'est quoi l'éditeur utilisé dans le tutoriel ?
Aranno Il y a 11 mois - Répondre
Deuxième visionnage et je me réponds à moi même, c'est coda : http://panic.com/coda/
Eria Il y a 1 an Répondre
Bonjour,
Je découvre ce site, et le premier tutorial sur lequel je suis tombé est celui-là. Franchement bravo !
Au niveau "technique", je ne pourrais pas juger de la pertinence de ce qui y est enseignée (je début tout juste en javascript). Par contre niveau clarté des explications et pédagogie, c'est tout simplement fantastique ! Bien expliqué, clair, etc. Pour preuve : je n'avais jamais touché au javascript avant aujourd'hui et j'ai tout compris.
"Marque-pages > Marquer cette page"
Un nouvel adepte est né =)
A bientôt !
Pierre FAY Il y a 1 an Répondre
, je trouve ca plus propre et beaucoup plus puissant. J'ai fais un tutoriel a ce sujet
Pouniss Il y a 1 an Répondre
@emira : As tu bien mis le "return false" qui empêche l'envoi des données ? (Avec la variable "valid = false" dans la video)
Emira Il y a 1 an Répondre
Merci beaucoup pour ce tutoriel !!
Mais j'ai tout de même un petit souci : si l'un des champs n'est pas rempli le message d'erreur s'affiche bien mais le formulaire est quand même envoyé au script php. Comment éviter ça ? Je cherche mais j'avoue que je sèche.
Merci d'avance pour votre réponse.
Chroubaka Il y a 1 an Répondre
Merci beaucoup pour ce tutoriel !
Il est très explicite et très détaillé !
Syl Il y a 1 an Répondre
Merci beaucoup pour ce tutoriel, d'une clarté rare et exemplaire. Bonne continuatio
Akiletour Il y a 1 an Répondre
Merci beaucoup pour ce tuto vidéo ça aide pas mal
MakeMeHappy Il y a 1 an Répondre
Salut
super tuto merci ! Pour un débutant en js comme moi c'est super utile merci beaucoup
Alex Il y a 1 an Répondre
Bonsoir à tous, super tuto rien à dire sauf que pour moi ça ne fonctionne pas...
En effet j'ai codé mon formulaire dans un tableau et j'ai lu plus haut que les tableaux posaient problème.
Voici mon code pour le moment :
<script type="text/javascript">
$(function() {
$("#submit").click(function(){
valid = true;
if($("#nom1").val() == "" ){
$("#nom1").css("border-color";"#FF0000");
$("#nom1").next(".error-message").fadeIn().text("Veuillez entrer votre nom");
valid = false;
}
else if(!$("#nom1").val().match(/^[a-z]+$/i)){
$("#nom1").css("border-color";"#FF0000");
$("#nom1").next(".error-message").fadeIn().text("Veuillez entrer un nom valide");
valid = false;
}
else {
$("#nom1").css("border-color";"#94d801");
$("#nom1").next(".error-message").fadeOut();
}
return valid;
});
});
</script>
J'ai donné un id à mon <td> : "name" comment modifier le code pour que ça fonctionne.
MErci d'avance
Vadrigan Il y a 1 an Répondre
Bonjour ! tout d'abord merci pour ce tuto de qualité.
J'aimerais avoir un renseignement quand à l'utilisation de la première méthode de ce tutoriel. En effet je l'utilise actuellement pour développer un formulaire d'inscription.
Mon soucis est d'implanter une vérification de la disponibilité d'un pseudo !
Cela implique de rafraichir la page puisqu'il y a requête au serveur en PHP. Néanmoins il est facile de conserver les valeurs entrées dans les champs.
Non mon problème et de réussir à garder les informations propres au javascript après le rafraichissement de la page.
Concrètement lorsque j'interroge ma base de données pour connaitre la disponibilité du pseudo comment faire pour que les messages d'erreurs des différents champs et les propriétés css (border-color ...etc) ne disparaissent pas avec le rafraichissement de la page ?
Shakuro Il y a 1 an Répondre
Charly, voila se que j'ai dans mon formulaire pour la partie tel:
if($("#tel").val()==""){
$("#tel").next(".error-message").fadeIn().text("Veuillez entrer votre télephone");
valid=false;
}
else if(!$("#tel").val().match(/^0[1-68]([-. ]?[0-9]{2}){4}$/)){
$("#tel").next(".error-message").fadeIn().text("Votre numéro de télephone n'est pas valide");
}
else{
$("#tel").next(".error-message").fadeOut();
}
Merci pour ce tuto il déchire!
Charly Il y a 2 ans Répondre
Impossible de comprendre pourquoi mais même si je copie texto la même commande que dans le tutoriel, la fonction match ne marche pas, Même sans l'évènement KeyUp(). Ce que je veux c'est juste mettre un champ de formulaire [Téléphone] ou seul des numéros peuvent être entrés.
Merci d'avance pour votre aide
dsi Il y a 3 mois - Répondre
slt,est ce que tu peut me dire comment je peut envoyer les données insérés dans le formulaire a ma base de données ?
merci d'avance!
Ced Il y a 2 ans Répondre
Merci beaucoup
fabrice Il y a 2 ans Répondre
Bonjour,
j'essai de mettre le systeme de verification en place mais sa ne fonctionne pas.J'ai bien recupérer le fichier jquery qui est jquery-1.4.3.js mais rien ne fait.
pouvez vous me donner un coup de main car je m'arrache les cheveux depuis hier la dessus.
Ma page complete :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulaire</title>
<style type="text/css">
.error-message{
background:url(images/facebook.png) 10px center no-repeat;
padding:0 0 0 30px;
display:inline;
color:#ff5b5b;
display:none;
}
.clear { clear:both;}
</style>
<script type="text/javascript" language="javascript" scr="jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function()
{
$("#envoyer").click(function()
{
valid = true;
if($("#nom").val() == "" )
{
$("#nom").next(".error-message").fadeIn().text("Veuillez entrer votre nom");
valid = false;
}
return valid;
});
});
</script>
</head>
<body>
<form method="post" action="testform.html">
Nom :
<input type="text" name="nom" value="" size="" id="nom"/>
<div class="error-message"></div>
<div class="clear"></div>
<input type="submit" value="Envoyer" id="envoyer" />
</form>
</body>
</html>
cyprus Il y a 2 ans Répondre
Bonjour, beau tuto, mais j'ai une petite question ... peut on aprés la validation des champs envoyer les donner avec php ? merci
Maxheero Il y a 2 ans Répondre
J'ai un soucis avec ce script.
Quand je valide mon formulaire, la page est rechargée malgré les erreurs.
Merci de me répondre rapidement.
Nico Z Il y a 2 ans Répondre
Coucou c'est encore moi
bon apparemment il y a des conflits entre les scripts JQuery que j'utilise
Je viens de tester ce script seul et sa fonctionne à merveille me reste plus qu'a
trouver le pourquoi et comment y remédier.
Nico Z Il y a 2 ans Répondre
Bonjour, je bloque sans connaître la cause
malgré un return false, ma page qui traite les données de mon formulaire est appelée ! ?
$(function(){
$("#BoutonEnvoyer").click(function(){
return false;
});
});
L'id de mon bouton est ok dans la fonction comme dans mon formulaire
et le script n'est pas arrêté
A part cela bravo pour les tutos et le site c'est vraiment très bien expliqué et réalisé.
Nico
pierredes Il y a 2 ans Répondre
Pas disponible en source pour les prénium ?
Myz Il y a 2 ans Répondre
Bonjour,
Tutorial trés intéressant
Je suis curieux de savoir quel est la fonctionnalité/plugin de Coda qui permet l'autocomplétion en tapant ,textfield.
Je l'ai aperçu quelques fois dans votre screen cast et je dois avouer que ça serai un plus au quotidien
nms Il y a 2 ans Répondre
Bonjour,
Comment, faire de manière "propre" la vérification avec JS, mais aussi traiter en PHP au cas ou le javascript serait désactivé ?
AxeKillah Il y a 2 ans Répondre
C'est bon j'ai trouvé la solution.
Fallait juste remplacer $("#envoyer").click(function(){ par $("#form").submit(function(e){ puis utiliser event.preventDefault()
AxeKillah Il y a 2 ans Répondre
Bonjour. J'essaye d'intégrer une validation en php afin de pouvoir enregistrer les informations du formulaire dans une base de données.
Voici mon code:
$(document).ready(function(){
$("#wrapper").fadeIn(4000);
$("#img2").fadeIn(4000);
$("#img").fadeIn(4000);
$("#img3").fadeIn(4000);
$("#envoyer").click(function(){
valid = true;
if($("#nom").val() == ""){
$("#nom").next(".errmsg").fadeIn(4000).html("<b><font color='red'>Veuillez renseigner votre nom</font></b>");
valid = false;
}
else if(!$("#nom").val().match(/^[a-z]+$/i)){
$("#nom").next(".errmsg").fadeIn(4000).html("<b><font color='red'>Veuillez rentrer un nom correct</font></b>");
valid = false;
}
else{
$("#nom").next(".errmsg").fadeOut();
}
if($("#mail").val() == ""){
$("#mail").next(".errmsg").fadeIn(4000).html("<b><font color='red'>Mail non rempli</font></b>");
valid = false;
}
else{
$("#mail").next(".errmsg").fadeOut();
}
if($("#nom").val() != "" && $("#mail").val() != ""){
$.post('contact.php',$(this).serialize(), function(data){
if(parseInt(data)!=-1)
$("#formulaire").hide('slow').after('Message recu.');
});
}
return valid;
});
});
Mon problème est que je suis redirigé vers ma page contact.php (qui s'occupe d'ajouter les informations dans la base de données) alors que je souhaiterais rester sur la même page.
Quelqu'un a t'il une idée? Merci d'avance
loulou8407 Il y a 2 ans Répondre
Merci,
Oui, en PHP c'est ça mais moi je souhaite le faire en jquery directement dans ma fonction, comme dans cet excellent tutoriel
Jbay Il y a 2 ans Répondre
Il me semble que c'est $_FILES['nomfichier']['size'] ( en octet ) pour le poids et $_FILES['nomfichier']['type'] pour la nature.. Mais je ne te dis ça uniquement que de mémoire.
loulou8407 Il y a 2 ans Répondre
Sniff, personne pour m'aider ?
loulou8407 Il y a 2 ans Répondre
Bonjour et encore félicitation pour ce tutoriel que j'aimerai bien utiliser, mais que je n'utilise pas car je ne sais pas comment faire un truc.
Je sais pas comment faire une vérification de poid et de nature de fichier (si c'est bien un pdf par exemple) avec un <input type="file"> ?
D'avance merci pour votre aide
InOut Il y a 2 ans Répondre
mérçi pour ce tuto explicatif, ça ma vraiment aider à comprendre des notion sur JQuery; et surtout la partie dynamique de la validation et ça relation avec CSS...
mérçi pour ta simplicité, tout é claire !!
Bon courage
Julien LIBERT Il y a 2 ans Répondre
Super tuto ! Merci beaucoup pour ces infos !
Cartmanez64 Il y a 2 ans Répondre
Merci pour ce magnifique tuto.
J'ai juste une question. Comment on fait pour tester si le pseudo est libre directement dans une bdd sans recharger la page ?
D'avance merci pour ta réponse.
iKotto Il y a 2 ans Répondre
Diox,
Pour vérifier si des boutons radios sont sélectionnés, j'ai utilisé cette méthode :
if(!$('input[name=passeport]:radio').is(":checked")){
$("#errors-message").fadeIn().text("Possédez-vous une passeport ?");
valid = false;
}
else{$("#errors-message").fadeOut();
}
Voilà si ça peut t'aider ou avancer d'autres...
Emporio Il y a 2 ans Répondre
Bonjour,
Super tutoriel mais dis moi j'aimerais ouvrir un fenêtre (non popup) en javascript dans le style de modal mais je voudrais qu'elle arrive plus joliment plutôt que d'apparaitre dessuite. Pourrais tu nous faire un tutoriel la dessus
Macle2Go Il y a 2 ans Répondre
Ton tuto est super merci!!!!
smail² Il y a 2 ans Répondre
c maniffique
Baptiste Il y a 2 ans Répondre
Pour ce tuto c'est coda, sur mac
Et c'est bien mieux les tutos mac que windows!! :p
++
sinsey Il y a 2 ans Répondre
Merci pour le tuto, excellente qualité
pour check email
if (!$("#email").val().match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/i)){
Tester ca fonctionne
Ps : quel éditeur utilises tu pour avoir tous ces raccourcis, c'est trop fort !!
Rtransat Il y a 2 ans Répondre
Possibilité de faire la même chose mais en traitant les informations d'une base de donnée ? Pour par exemple se connecter à un compte.
danvdb24 Il y a 2 ans Répondre
Bonjour,
J'aimerais savoir où se trouvent les fichiers sources.
Merci
Badbart Il y a 2 ans - Répondre
Pas disponible sur ce tuto.
Rtransat Il y a 2 ans Répondre
Bonjour, très bon tuto, je commence à me mettre à Jquery, par contre mon champ adresse n'affiche pas l'erreur quand les deux champs sont vide, voila mon code :
$(function() {
$("#envoyer").click(function() {
valid = true;
if($("#nom").val() == "" ){
$("#nom").next(".erreur").fadeIn().text("Veuillez entrer votre nom");
return false;
}
else{
$("#nom").next(".erreur").fadeOut();
}
if($("#adresse").val() == "" ){
$("#adresse").next(".erreur").fadeIn().text("Veuillez entrer votre adresse");
return false;
}
else{
$("#adresse").next(".erreur").fadeOut();
}
return valid;
});
});
Grafikart Il y a 2 ans
Là comme ça je vois pas trop la cause (en fait il pourrait y en avoir beaucoup) donc il faudrait que tu regarde avec firebug si tu as une erreur. Ensuite vérifie aussi que tu as bien une div class="erreur" juste après les div adresse et nom
Rtransat Il y a 2 ans - Répondre
J'ai trouvé le problème ^^ c'était mes return je faisais return false au lieu de return valid
Essou Il y a 2 ans Répondre
merci bien pour ce tutoriel.
seb Il y a 2 ans Répondre
C'est bon j'ai trouvé merci encore pour ce tuto
seb Il y a 2 ans Répondre
Salut merci beaucoup pour ton tuto très bien fait, par contre je bloque comment faire accepter un espace ou tabulation dans mon formulaire avec ton exemple?
Remy Il y a 3 ans Répondre
Drolement sympa.
Merci beaucoup.
Weedem Il y a 3 ans Répondre
Très bon tutoriel. bien expliqué, clair ...
Je viens à l'instant de le mettre en pratique sur la page http://www.weedem.fr/?module=register&action=index
Woa Il y a 3 ans Répondre
Bonjour,
Quel logiciel utilise tu ?
Merci
mils Il y a 3 ans Répondre
Super... j'ai une question de webdesigner... je bosse essentiellement sous Dreamweaver et donc en Spry... lequel des frameworks est-il le meilleurs ? Y'a moyen de trouver un comparatif quelque part... Y'a pleins de frameworks... ils font tous sensiblement les mêmes choses mais j'aimerai comprendre la popularité de l'un sur les autres.
Merci
quent1du58 Il y a 3 ans - Répondre
Désoler, j'ai pas compris la question, tu cherche un logiciel pour "faire" ton design?
Ritter jack Il y a 3 ans Répondre
Salut, j'aimerais savoir ou je peux DL les sources ? ( je suis connecté )
Regnetts Il y a 3 ans - Répondre
Bonjour moi aussi j'aimerai bien avoir la source
pat Il y a 3 ans Répondre
Salut, ton tuto est très clair. j'ai beaucoup apprécié. Merci.
Baptiste Il y a 3 ans Répondre
salut!
j'ai aussi coda, et je vois que des fois tu tapes un mot et ça sort toute la ligne en php, ou html...! il existe des raccourcis clavier? on peux les trouver où? merci bien!
@+
Diox Il y a 3 ans Répondre
Je me suis mal exprimé, j'ai en fait une serie de boutons radios et non pas des cases a cocher. Ces boutons ont tous une valeur différentes allant de 1 à 7. J'aimerais savoir quelle condition rajouter dans ton script pour vérifier qu'au moins un des boutons radio est cheked (coché).
J'avais pensé a un truc du style:
if ($("input[@type=radio]").$(this).value() == 0) {
$("#story").css("background-color","red");
valid = false;
}
else {
$("#story").css("background-color","green");
}
mais ca fait foirer le script, enfin la vérification ne marche pas...
Merci
Grafikart Il y a 3 ans Répondre
@Diox : Pour savoir si quelquechose est coché : $('#id').is(':checked')
Pour développer et voir tes erreur en JS tu peux utiliser firebug : http://grafikart.fr/blog/firebug-extension-pour-developpeurs-443
Diox Il y a 3 ans Répondre
Très bon tutorial. Tu as la fibre pédagogique pour expliquer les choses, tout ce comprend très bien, c'est cool. J'ai également acheter ton tuto sur weecast concernant la création d'un fourmulaire de contact avancé,très sympa aussi.
Néanmoins j'ai une petite question, j'ai appliqué ton tutorial pour un site que je suis en train de dévélopper, ca marche bien. Par contre j'aimerais faire le meme traitement pour des cases a cocher.
J'ai donc 7 cases a cocher portant toute le même ID mais avec des values différentes allant de 1 à 7.
J'ai donc rajouter une condition en jquery mais ca n'a pas l'air de fonctionner.
if($(":radio").val() != 0) {
$("#direct_live").next(".error-message").fadeIn().text("Ou est ton histoire ?");
valid = false;
}
Ici #direct_live est ma dernière case à cocher directement après j'ai un span "erreur-message".
J'imagine que ce n'est pas la bonne méthode... Comment ferais-tu cela simplement ?
Autre chose, quand on développe en php il y a des erreurs de parse etc.. qui s'affichent dans le navigateur quand on oublie des ";" ou des "{" etc..
Existe t'il la même chose pour jquery ? donc un débugger qui pourrait nous signaler les erreurs afin d'avancer plus rapidement ?
Merci d'avance, et encore chapeau pour tes tutos très concret et très clairs !
Mr.Karottes Il y a 3 ans Répondre
... que ce soit en diabolo ou devant un logiciel de dev' web ... t'es toujours aussi bon !
Merci pour toute l'aide que tu as pus m'apporter.
@+
Mr.Karottes
Robin Il y a 3 ans Répondre
Comment vérifier que deux mots de passe sont pareil?
basketteur-33 Il y a 3 ans Répondre
moi sa marche pas quand je ne rempli pas mes champ sa menvoie quand meme dans mon autre page, voici mon code JS:
<script type="text/javascript" language="javascript" scr="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#envoyer").click(function(){
valid = true;
if($("#nom").val() == "" ){
$("#nom").next(".error-message").fadeIn().text("Veuillez entrer un nom");
valid = false;
}
else{
$("#nom).next(".error-message").fadeOut();
}
valid = true;
if($("#email").val() == "" ){
$("#email").next(".error-message").fadeIn().text("Veuillez entrer votre adresse mail");
valid = false;
}
else{
$("#email).next(".error-message").fadeOut();
}
valid = true;
if($("#message").val() == "" ){
$("#message").next(".error-message").fadeIn().text("Veuillez entrer votre message");
valid = false;
}
else{
$("#message").next(".error-message").fadeOut();
}
return valid;
});
});
</script>
Climb Il y a 3 ans Répondre
en essayant ceci avatar = $("#formulaire").find("input[type=file]").val();
j'obtiens le nom et l'extension du fichier choisit dans le formulaire, cependant j'aurais aimé obtenir "name" "tmp_name" "size" afin de traiter mon fichier dans la page php
Climb Il y a 3 ans Répondre
Salut merci pour ton tutoriel je suis en train de l'appliquer et je me demandais comment récupérer un champ de type file du formulaire dans le javascript tout d'abord, puis dans le fichier php par la suite comme les autres champs de ta vidéo. Par exemple pour un fichier image.
if ($("#avatar").val() != "")
{
avatar = $("#formulaire").find("input[name=avatar]").val();
}
J'ai essayé ceci mais sans résultat sachant que l'id du champ fichier est avatar et que l'id du formulaire est formulaire
Merci de votre réponse ciao
knostra Il y a 3 ans Répondre
Merci de prendre du temps pour nous faire des petite pépites comme ça qui valent de l'or pour les novices comme moi et qui nous généreusement offert (sauf celui du formulaire de contact avancé lol)
Nan c'est bien normale ça vaut bien plus que 3 euros et je suis bien comptant de les avoir payé ce sont des tutos de très grande qualité, encore merci beaucoup j'espère que vous continuerez encore longtemps à nous faire partager votre savoir.
Goodbye.
X2theZ Il y a 3 ans Répondre
re bonjour,
j'aurais une question: j'essaye de faire une aide au remplissage d'un formulaire avec des fonctions de ce style:
$("#nom").keyup(function(){
if (!$("#nom").val().match(/^[a-z]+$/i)){
$("#nom").parent().next(".erreur").text("Nom non valide").fadeIn();
boolOk = false;
}
else
{
$("#nom").parent().next(".erreur").fadeOut();
}
});
ça marche super, le seul soucis que je rencontre est que si l'on passe d'un champ a l'autre avec "tabulation" le message d'erreur apparait de abse!
ce qui est dommage car le champ est encore vide.
kjhkjkjjkjj Il y a 3 ans Répondre
jgjgjg
kjhkjkjjkjj Il y a 3 ans Répondre
;n;n
X2theZ Il y a 3 ans Répondre
salut j'avais essayer de mettre un id a mon td et en fait grace a l'aide d'un forum j'ai trouvé une solution !
merci beaucoup, ce tuto m'a été tres utile et rend mon site tres fonctionnel.
Grafikart Il y a 3 ans Répondre
@X2theZ : Met une classe ou un id à ton td
X2theZ Il y a 3 ans Répondre
re,
il semblerait que mon problème vienne de mon formulaire "rangé dans un tableau!
du coup rien ne marche...
alors je suis confronté a un problème: virer mon tableau et la ça marche mais mon formulaire est désordonné!
ou sinon savez vous si il existe une autre fonction de jQuery permettant d'afficher ce type de texte "erreur" dans un tableau(cellule <td>) ?
X2theZ Il y a 3 ans Répondre
Bonjour, et merci pour ce tuto, malheureusement il ne marche pas chez moi, je pense pourtant avoir repris chaque point(css, html, et js)
mais rien ne s'affiche... je ne sais que faire?
voici un lien ou j'ai posté mon code au cas ou une ame charitable venait a se pencher sur mon pb.
http://www.javascriptfr.com/forum/sujet-AIDE-UTILISATION-JQUERY-VALIDATION-FORMULAIRE_1331996.aspx #1
merci d'avance.
Ravi Il y a 3 ans Répondre
c'est bon j'ai résolu le problème ^^
Ravi Il y a 3 ans Répondre
Merci pour le tuto Grafikart ^^
j'ai un problème ..... je m'explique, quand je rentre rien dans le champ nom j'ai pas le message d'erreur qui affiche des que je rentre le message puis je cliques sur envoyer là j'ai le message d'erreur qui s'affiche :s
j'ai vérifié plusieurs fois les codes sont exactement pareil que dans la vidéo mais j'ai toujours ce problème :s
merci d'avance
Tux-57 Il y a 3 ans Répondre
Bonjour,
De un ,tutoriel génial!! très bien expliqué !!
De deux, je voudrais savoir comment obtenir les rectangle a bord arrondis des champs du formulaire ?
Je débute dans la programmation!
Merci pour vos réponse
GraphKiller Il y a 3 ans Répondre
Très bon tutoriel !
Grafikart Il y a 3 ans Répondre
@Eleveur de pixel & Fedora :
Il faut réflcéchir sur comment fonctionne l'ajax et vous comprendrez la solution à mettre en place.
Je vais vous donner une piste mais pas la solution, le script ici permet de mettre un comportement sur le bouton d'envoi ou sur les champs dès le chargement de la page. Hors, en Ajax il n'y a plus vraiment de "chargement de la page" du coup il faut réassigner les comportements après le chargement dans la fonction Ajax...
Bonne chance
Fedora Il y a 3 ans Répondre
meme prob que "Eleveur de Pixels" ?
Eleveur de Pixels Il y a 3 ans Répondre
J'ai un petit problème, sur un site je charge le contenu de façon dynamique (cf ton tuto ajax). j'ai essayé cette méthode de vérification de formulaire(sur un partie chargé dynamiquement) et cela n'a pas l'air de fonctionner.
Y-a t'il un solution pour que c'est 2 utilisation de Jquery fonctionne ensemble?
Merci d'avance
Hilz Il y a 3 ans Répondre
C'était sa :p
Merci pour ta réponse
Grafikart Il y a 3 ans Répondre
@Hilz : Sur les commentaires tu veux dire ? Si c'est de ça que tu parle c'est parceque le message d'erreur que j'ai designé serai un peu pénible si il se déclenchait au moindre mot tapé.
Hilz Il y a 3 ans Répondre
Je sais pas si tu as raté ma question, je la remes :
J'ai juste une petite question :
Pourquoi tu n'utilises pas la fonction keyup sur ton site ? Et que tu utilises plutôt la solution du tutoriel avancé ? Est-ce pour une raison d'ergonomie ou est-ce un choix de "gout" ?
Merci d'avance !
Grafikart Il y a 3 ans Répondre
@datijeru : Tu peux fermer le formulaire à la main ou utiliser un autre sélecteur (input[type=submit], plus d'info sur la doc)
datijeru Il y a 3 ans Répondre
Bonjour,je pense que ce n'est pas si simple.
Je précise ma question:si je veux utiliser la vérification des champs
par jQuery comme ton tuto il y déja un problème .
En effet cakephp ne donne pas d'"id" à la balise input de la fin du formulaire.
Comment faire pour accéder à cette balise par jQuery et lui apliquer
la fonction onclik!!
Grafikart Il y a 3 ans Répondre
@datijeru : Le fait d'utiliser cakePHP ne change absolument rien au niveau des formulaire, la vérification se fera de la même façon qu'en PHP brut.
datijeru Il y a 3 ans Répondre
Comment faire pour utiliser ce tutoriel dans cakePHP??
Merci!
Hilz Il y a 3 ans Répondre
J'ai juste une petite question :
Pourquoi tu n'utilises pas la fonction keyup sur ton site ? Et que tu utilises plutôt la solution du tutoriel avancé ? Est-ce pour une raison d'ergonomie ou est-ce un choix de "gout" ?
Merci d'avance !
Mr Driller Il y a 3 ans Répondre
"Sinon tu peux les télécharger depuis mon compte vimeo...". Quand je vais sur Viméo, je tape grafikart dans le champ de recherche, je trouve tes vidéos certes, mais il n'y a aucuns liens de téléchargement. Alors je peux toujours bidouiller pour récupérer la vidéo au format flash mais cette solution ne me plais pas trop, d'autant que je trouvais beaucoup plus plaisant à regarder tes vidéos au format .mov en bonne qualité. Dommage :-(...
Sam Il y a 3 ans Répondre
Cool, merci ! ;-)
fedora2 Il y a 3 ans Répondre
où je trouve ces vidéos Grafikart ??
Grafikart Il y a 3 ans Répondre
@Mr Driller : Les vidéos font trop monter le traffic et bouffe tout l'espace disque. Je vais les retirer en attendant de trouver une solution viable.
Sinon tu peux les télécharger depuis mon compte vimeo
@Zod: On m'a prêté un vrai micro mais j'ai du mal avec les réglages...
Zod Il y a 3 ans Répondre
Juste comme ça, c'est moi ou t'as changé de micro (ou alors t'étais collé au pc) ?
Mr Driller Il y a 3 ans Répondre
Merci beaucoup pour cet excellent tuto !. Sinon, je ne vois plus le lien pour télécharger la vidéo. Est ce normal ?
Grafikart Il y a 3 ans Répondre
@Atchooms: Je suis chez 1&1 : http://www.1and1.fr/?k_id=11036657
@Dr Rodney Mckay: Tu as donnée les raisons. En fait pour un long formulaire avec plein de champ l'utilisateur à tendance à abandonné si quand il soumet on le renvois sur le formulaire avec plein d'erreur. La seconde méthode permet ainsi de valider chaque champ pour permettre un plus faible taux d'abandon. Cette validation est aussi util si on utilise un formulaire qui est posté en Ajax.
Dr Rodney Mckay Il y a 3 ans Répondre
Très bon tutoriel comme à ton habitude.
La bonne remarque de @Charlouf m'a conforté dans mon questionnement. Quel est l'intérêt de faire la vérification en js puis en php ? La php se suffi à elle même.
Le dynamisme de ta seconde méthode (ça fait joli !) et l'allègement côté serveur si on rajoute à ton script une vérification de l'activation/désactivation de js, sont mes deux pistes...
Atchooms Il y a 3 ans Répondre
Bonjour,
Je voudrais savoir, car j'en recherche un bien, quel est votre hébergeur ??
Merci
super_g2 Il y a 3 ans Répondre
ah, les pub google, que d'aventure.
mon pti raton, je pense (je crois l'avoir fait par le passé) que le "clic nouvel onglet/page" passe dans les pub google, moyennant un javascript en entête de page, qui transforme les liens google en liens+target=_blank
je vous redirai ça quand j'aurai retrouvé mon bookmark.
enjoy
GoldenBoy Il y a 3 ans Répondre
Ok sa marche
bonne continuation
Grafikart Il y a 3 ans Répondre
@Goldenboy : J'avais compris ça aussi. Le souci c'est que je ne gère pas la pub, ça vient de Google... Ne clique pas pendant la vidéo sinon
Goldenboy Il y a 3 ans Répondre
Merci pour toute vos reponse mais c'etait pour Mr Grafikart je clique sur tes bannière de pub des que je peut je fait clique droit ouvrir dans nouvel onglet mais on peut pas toujour pour toutes les pub et donc sa coupe ma video car sa recharge la page en cours, c'est tout bete mais c'est juste une question de confort.
***lyes*** Il y a 3 ans Répondre
@super_g2 : je ne pense pas que c'est ça qu'il veux, car le target="_blank" , sous internet explorer affiche bien une nouvelle fenêtre, par contre sous firefox, ca affiche un nouvel onglet. Et ce n'est pas très pratique, surtout s'il veut par exemple y mettre un règlement, il choisira la longueur et la largeur de la fenêtre.
super_g2 Il y a 3 ans Répondre
@GoldenBoy
ou alors tu rajoutes un target="_blank" dans la balise <a> ^^
je ne sais plus si c'est valide CSS2/3 par contre... j'a déjà vu des souci de ce coté là
Dam_neo Il y a 3 ans Répondre
Comme d'hab'... simple, rapide précis. Merci et vive Jquery !
Grafikart Il y a 3 ans Répondre
@Charlouf : Très bonne remarque. Je vais donc la mettre en dessous de la vidéo car j'ai oublié de le préciser durant la vidéo...
***Lyes*** Il y a 3 ans Répondre
@GoldenBoy
fastoche ! il suffit d'utiliser un évenement dans la balise <a>:
<a href="#" onclick="javascript: window.open('http://lyesbensaadi.shos.fr/ ');">Allez sur mon site</a>
GoldenBoy Il y a 3 ans Répondre
Salut
Une question un peu hors-sujet, serait-il possible d'ouvrir les pub dans une nouvelle fenetre lorsque l'on clic dessus, parsque la sa vire la page en cours c'est pas pratique.
Charlouf Il y a 3 ans Répondre
Bonjour.Comme d'habitude très bon tuto,bien détaillé.
Pour les regex de l'email : http://www.expreg.com/expreg_article.php?art=verifmail (celle du bas).
Sinon juste pour dire qu'une vérification en javascript est une aide à l'utilisateur lors de la saisie mais ne doit en aucun cas remplacer un traitement des données du côté serveur (php par exemple).Car pour ceux qui désactivent le javascript le formulaire est alors toujours valide.
nagra Il y a 3 ans Répondre
Merci pour le tuto,
regexp pour l'email ?
hades38 Il y a 12 mois - Répondre
Oui!
Ou alors un filtre tout fait : http://www.php.net/manual/fr/filter.filters.validate.php
FILTER_VALIDATE_EMAIL => Pour pas se taper d'expression régulière ! =)
***Lyes*** Il y a 3 ans Répondre
bonjour, merci pour le tuto, comment on valide une email avec expressions régulières ?
fraize Il y a 3 ans Répondre
si je suis le premier à poster ici, j'ai le droit de voir ce tuto gratuitement ?
(arg non elle était nulle celle là)
merci pour tes tutos !
Laisser un commentaire
rnonet Il y a 3 mois Répondre
Je n'arrive pas à faire fonctionner ce script sur Jquery mobile, est-ce normal ?