Tester champs avec javascript

Version imprimable

Bonjour, j'ai fait ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="gauche largeur640px" style="padding: 0 0 5px 0;">
    <div class="gauche" style="width: 150px; padding: 10px 0 0 5px;">
        Lundi                                          
    </div>
    <div id="HD_1" class="gauche centrer" style="width: 340px;">
        <div class="gauche centrer tranche_hor_1" id="tranche_1_0" style="width: 340px; margin-top: 7px;">
            De
            <input type="text" name="from_d_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="8:00" autocomplete="off"> à
            <input type="text" name="from_f_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="12:00" autocomplete="off">
        </div>
        <div class="gauche centrer tranche_hor_1" id="tranche_1_1" style="width: 340px; margin-top: 7px;">
            De
            <input type="text" name="from_d_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="14:00" autocomplete="off"> à
            <input type="text" name="from_f_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="18:00" autocomplete="off">
        </div>
    </div>
</div>

Ce que je cherche à faire, c'est de tester que le champs de fermeture est rempli si celui de l'ouverture l'est bien.

J'ai testé

Code:

1
2
alert(jQuery(formulaire).find('[name="from_d_1"]').val());
alert(jQuery(formulaire).find('[name="from_d_1[]"]').val());

en autre, et ca me renvoi, soit undefined, soit ca me renvoi la première cellule.

Auriez-vous une solution ?

11/03/2014, 09h35
SpaceFrog

Code:

jQuery(formulaire)

kézako ??? formulaire ??? ça sort d'ou ???

ensuite qui dit name dit collection d'objets ...
11/03/2014, 09h38
PIEPLU

Code:

formulaire = jQuery(input).parents('form');
11/03/2014, 09h40
SpaceFrog

je ne vois pas de form dans ton code ?

Car j'ai abrégé le code pour pas vous mettre un pavé indigeste :D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form action="" method="post" name="formu">	
<div class="gauche largeur640px" style="padding: 0 0 5px 0;">
    <div class="gauche" style="width: 150px; padding: 10px 0 0 5px;">
        Lundi                                          
    </div>
 
    <div id="HD_1" class="gauche centrer" style="width: 340px;">
        <div class="gauche centrer tranche_hor_1" id="tranche_1_0" style="width: 340px; margin-top: 7px;">
            De
            <input type="text" name="from_d_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="8:00" autocomplete="off"> à
            <input type="text" name="from_f_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="12:00" autocomplete="off">
        </div>
 
        <div class="gauche centrer tranche_hor_1" id="tranche_1_1" style="width: 340px; margin-top: 7px;">
            De
            <input type="text" name="from_d_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="14:00" autocomplete="off"> à
            <input type="text" name="from_f_1[]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" value="18:00" autocomplete="off">
        </div>
    </div>
</div>
</form>

11/03/2014, 09h50
SpaceFrog

Code:

formulaire = jQuery(input).parents('form');

et input = ???

Code:

1
2
<form action="" method="post" name="formu">	
<input onclick="ValiderFormu(this)" class="lienBoutonRouge" type="button" name="valider_form" value="Continuer" />

Code:

1
2
3
4
function ValiderFormu(input) {
formulaire = jQuery(input).parents('form');
...
jQuery(formulaire).submit()

11/03/2014, 10h03
SpaceFrog

les inputs sont des balises auto fermante => /> pour les fermer ...
Mais là n'est pas la cause de ton souci !

A priori tu n'as pas compris les selecteurs JQUERY ...

dès que l'on dit name ... on dit collection et non pas ciblage d'un seule élément

pour obtenir le premier element de la collection passe pas :eq(0), le second => :eq(1) ...

http://jsfiddle.net/jrn7B/1/

.
11/03/2014, 10h21
PIEPLU

Merci, tu m'as beaucoup éclairé. Je vais pouvoir tester ce que j'avais besoin.