IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Jquery validate ajout dynamique textarea


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2012
    Messages
    135
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2012
    Messages : 135
    Par défaut Jquery validate ajout dynamique textarea
    Bonjour,

    J'utilise le plugin jQuery validate qui permet d'ajouter une ligne d'un template imbriqué dans un textarea :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
    <!--Template js dynamique!-->
    <textarea style="display:none" id="template-dossier-banque">	
    	<tr class="ligne-banque">
    		<td><input name="date_dossier_banque[{0}]" type="text" id="date_dossier_banque[{0}]" class="champs_date_ss_cal"/></td>
    		<td align="center"><input name="nom_banque[{0}]" type="text" id="nom_banque[{0}]" class="champs_description"/></td>
    		<td align="center"><input name="fichier_banque[{0}]" type="hidden" id="fichier_banque[{0}]" value=""><input name="document_banque[{0}]" type="file" id="document_banque[{0}]"/></td>
    		<td  align="center"><select name="id_etat_banque[{0}]" id="id_etat_banque[{0}]">
    			<option value="0">Choisissez</option>
    			<?php
                            $resm=query("SELECT * FROM dr_etat_banque ORDER BY valeur ASC");
                            while($rowm = fetch($resm)){
                                    echo "<option value='".$rowm["id"]."'";
                                    echo ">".stripslashes($rowm["valeur"])."</option>";
                            }
                             ?>
    			</select></td>
     
    		<td align="center">
     
    			<div id="taux-fonds" class="taux-donnees-objet taux-fonds">Fonds <input name="taux_fonds[{0}]" type="text" id="taux_fonds[{0}]" class="champs pourcentage"/></div>
    			<div id="taux-murs" class="taux-donnees-objet taux-murs">Murs <input name="taux_murs[{0}]" type="text" id="taux_murs[{0}]" class="champs pourcentage"/></div>
    			<div id="taux-droit_au_bail" class="taux-donnees-objet taux-droit_au_bail">Droit au bail <input name="taux_droit_au_bail[{0}]" type="text" id="taux_droit_au_bail[{0}]" class="champs pourcentage"/></div>
    			<div id="taux-cession_parts" class="taux-donnees-objet taux-cession_parts">Cession de parts <input name="taux_cession_parts[{0}]" type="text" id="taux_cession_parts[{0}]" class="champs pourcentage"/></div></td>
    	</tr>
    	<tr>
    		<td class="texte centre"><img src="images/btn-commentaires.png" border="0" width="48" height="42" valign="middle"></td>
    		<td class="texte" colspan="5"><textarea name="commentaires_banque[{0}]" cols="80" rows="3" class="champs_texteara" id="commentaires_banque[{0}]"></textarea></td>
    	</tr>
    </textarea>


    L'ajout s'effectue bien, cependant le champ commentaire_banque contient lors de l'ajout le texte :

    </tbody></table>
    Comment puis-je enlever ce texte ou empêcher ce dysfonctionnement ?

  2. #2
    Membre Expert Avatar de Lorenzo77
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    1 472
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 472
    Par défaut
    salut

    tu peux mettre value = "" mais tu devrais plutot regarder du coté de ton JS ce qui rajoute les 2 balises HTML dans ton textarea !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2012
    Messages
    135
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2012
    Messages : 135
    Par défaut
    Votre solution ne fonctionne pas.

    En fait le plugin ne gère pas correctement l'affichage d'un textarea en ajout de ligne.

    Puis-je remplacer :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <textarea name="commentaires_banque[{0}]" cols="80" rows="3" class="champs_texteara" id="commentaires_banque[{0}]"></textarea>

    Par :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <textarea_tmp name="commentaires_banque[{0}]" cols="80" rows="3" class="champs_texteara" id="commentaires_banque[{0}]"></textarea_tmp>

    Et ensuite demander en jQuery de remplacer textarea_tmp par textarea.

    Je suis ouvert à toutes solutions.

  4. #4
    Membre Expert Avatar de Lorenzo77
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    1 472
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 472
    Par défaut
    ouille, sur le principe c'est possible mais tu risques d'avoir des problèmes avec certains navigateur !
    c'est pas la bonne facon de faire ...

    un exemple : http://jsfiddle.net/LorenzoFR/tUpHP/

Discussions similaires

  1. Réponses: 5
    Dernier message: 05/12/2012, 11h50
  2. Jquery validate pour form avec textarea
    Par pixworld dans le forum jQuery
    Réponses: 0
    Dernier message: 09/01/2012, 18h31
  3. [1.x] Validation et formulaires embarqués ajoutés dynamiquement
    Par rastaferraille dans le forum Symfony
    Réponses: 8
    Dernier message: 09/07/2010, 11h45
  4. Afficher dernière ligne ajoutée dynamiquement dans un textarea
    Par kingmandrax dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 16/11/2006, 17h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo