envoi du submit si rempli

**fazpedro** · 05/10/2011, 10h53

Bonjour,

je souhaite que l'envoi du formulaire se fasse seulement si l'utilisateur a choisi une des options du "select" :

avec le code ci-dessous, j'obtiens directement "aucun lien..." alors que je n'ai pas eu le temps de sélectionner une option...

Merci.

liens_essai.php :

Code :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<?php session_start();
$nompage = "liens.php";require("configuration.php");
$sql = connect_sql();$sql2 = detection_mobile();$sql3 = bandeau_detection();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready( function () {
	$("#inputString option:selected").val();
	if(inputString == "Choisir" ) { }
	else 
	{	$("form").submit();
		$("#inputString option:selected").blur(thisValue);
		$.post("rechercher_liens.php");
		document.ajax_recherche_lien.submit();
	}	});
</script>
</head>
<body>
<?php include($bandeau); ?> <!-- insère le bandeau principal en haut en fonction de la connexion -->
<div id="mainContent">
<br />
<form method="post" name="ajax_recherche_lien" id="ajax_recherche_lien" action="rechercher_liens.php">
<fieldset>
<legend> &nbsp; Recherche dans les liens par type &nbsp; </legend>
<?php
// début de la requête sur le type
mysql_query("SET NAMES utf8");
echo '<br />'.'<br />';
echo '<label>'.'Type &nbsp; : &nbsp; '.'</label>'.'<br />';
echo '<select name="type" id="inputString" class="ev" tabindex="1" onfocus="this.className=\'ev_focus\';" onblur="this.className=\'ev\';">';
$affich_form2 = "SELECT * FROM type_lien";
$resultat2 = mysql_query($affich_form2) or die ('Erreur : '.mysql_error() );
if      (mysql_num_rows($resultat2) == 0)
{       echo '<option>Aucun</option>';  }
else    {
                echo '<option>Choisir</option>'; 
                while ( $list = mysql_fetch_array( $resultat2 ) ) { echo '<option value="'.$list['type_de_lien'].'">'.$list['type_de_lien'].'</option>'; } 
                }
echo '</select>';
// fin de la requête sur le type
?>
<br></br>
<p>
<input type="submit" value="Rechercher" class="ev" tabindex="2" onfocus="this.className='ev_focus';" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" />
</p>
</fieldset>
</form>
</div>
<?php mysql_close($sql); //On se deconnecte ?>
<?php include('bas_de_page.php'); ?> <!-- insère le bas de page  -->
</body>
</html>

rechercher_liens.php :

Code :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<?php session_start();
require ("configuration.php"); //accès à la base de données
$sql = connect_sql();$sql2 = detection_mobile();$sql3 = bandeau_detection();
$pseudo_membre = $_SESSION['pseudo'];
$requete = mysql_query("SELECT * FROM pdf_membre WHERE `pseudo`='$pseudo_membre'"); 
$result = mysql_fetch_array ($requete);$id = $result['id'];$pseudo = $result['pseudo'];$mail = $result['mail'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />
</head>
<body>
<?php include($bandeau); ?> <!-- insère le bandeau principal en haut en fonction de la connexion -->
<div id="mainContent">
<?php
// ************************************************
//           pour Affichage des liens
// ************************************************
echo '<h3>'.'Liens '.'</h3>';
echo '<br />'.'<br />';
// on écrit la requête
mysql_query("SET NAMES utf8");
if(!empty($_POST['type'])) 
{
        $chaine_post_recup                              = stripcslashes($_POST['type']);                                        // recupere la valeur saisie
        $chaine_protegee                                = mysql_real_escape_string($chaine_post_recup);         // valeur avec protection contre injections sql
        $select = "SELECT * FROM liens WHERE `type_lien`='$chaine_protegee' ";
        $result = mysql_query($select) or die ('Erreur : '.mysql_error() );
        if (mysql_num_rows($result) == 0)       
        {       echo '<p>'.'<b>'.'Aucun lien ! '.'</b>'.'</p>'.'<br>'.'</br>';
                echo '<br />'.'<br />';
                echo '<a href="#haut">'.'Haut de page'.'</a>';
                echo '<br />'.'<br />';         
                echo '$chaine_post_recup : '.$chaine_post_recup;
                echo '<br />'.'<br />';
                echo '$chaine_protegee : '.$chaine_protegee;
                echo '<br />'.'<br />';
                echo '<a href="javascript:window.history.go(-1)">'.'Retour'.'</a>'; // retour en page précédente
                echo '<br />'.'<br />';
        }
        else
        {
                echo '<br />'.'<br />';
                echo '<span style="color:#8E236B;">';
                echo '<b>'.$chaine_post_recup.'</b>';
                echo '</span>';
                echo '<br />'.'<br />';
                //On fait une boucle pour sortir toutes les entrées
                while($affiche = mysql_fetch_array($result))
                {
                //On affiche les liens
                echo '<a href="'.$affiche["lien"].'">'.$affiche["nom_lien"].'</a>';
                echo '<br />';
                echo '<font size="1%">'.'<i>';
                echo " mis en ligne par  ".$affiche["emetteur"]."   ";
                echo '</i>'.'</font>';
                echo '<br />'.'<br />';
                }
                echo '<br />'.'<br />';
                echo '<a href="javascript:window.history.go(-1)">'.'Retour'.'</a>'; // retour en page précédente
                echo '<br />'.'<br />';
        }
}
else    {
                echo '<br />'; 
                echo '<b>'.'Vous n\'avez rien saisi !'.'</b>';
                echo '<br />'; 
                echo '<a href="javascript:window.history.go(-1)">'.'Retour'.'</a>'; // retour en page précédente
                }
mysql_close($sql); //On se deconnecte
?>
</div> 
<?php include('bas_de_page.php'); ?> <!-- insère le bas de page  -->
</body>
</html>

**SpaceFrog** · 05/10/2011, 11h10

jette un oeil sur le plugin validate ?

**fazpedro** · 05/10/2011, 11h38

@ SpaceFrog, j'ai modifié mais l'envoi ne se fait pas quand je sélectionne une option...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready( function () {
	if($("#inputString").validate();) {		
		$("form").submit();
		$("#inputString option:selected").blur(thisValue);
		$.post("rechercher_liens.php");
		document.ajax_recherche_lien.submit();	}
	else { }
		});
</script>

**SpaceFrog** · 05/10/2011, 12h32

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("form").submit();

et hop on quitte la page ...

**fazpedro** · 05/10/2011, 13h51

@ SpaceFrog :
j'ai enlevé le $("form").submit(); mais c'est pareil...

**Bovino** · 05/10/2011, 13h53

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if($("#inputString").validate();)

Il sort d'où le point-virgule dans la condition du if ?
Que te dit la console d'erreur ?

**fazpedro** · 05/10/2011, 14h24

oui, il y avait un ; en trop... mais cela n'a rien changé...et je n'ai pas de message d'erreur...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready( function () {
	if($("#inputString").validate() {		
		$("form").submit();
		$("#inputString option:selected").blur(thisValue);
		$.post("rechercher_liens.php");
		document.ajax_recherche_lien.submit();	}
	else { }
		});
</script>

**Bovino** · 05/10/2011, 14h29

Ben oui, mais maintenant, il te manque la parenthèse fermante de la condition du if

Et je m'étonne que cela ne t'affiche pas une erreur dans la console

**SpaceFrog** · 05/10/2011, 14h34

mais cela ne changera pas la fond du problème

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("form").submit();

après cette ligne js n'existe plus sur ta page ...

**fazpedro** · 05/10/2011, 15h06

j'ai modifié mais pas de changements...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$(document).ready( function ()
{	
	if($("#inputString").validate() )
		{
			$("#inputString option:selected").blur(thisValue);
			$.post("rechercher_liens.php");
			document.ajax_recherche_lien.submit();
		}
			else { }
}
		);
</script>

**Bovino** · 05/10/2011, 15h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#inputString option:selected").blur(thisValue);

Mais ça veut dire quoi ce truc ???
Pourquoi tu ne commencerais pas par apprendre ne seraient-ce que les bases ?
Un blur sur une option de select n'a aucun sens et l'argument passé ne correspond en rien à ce qu'attend la méthode !

**SpaceFrog** · 05/10/2011, 15h33

surtout un blur sur un load ....

déja un validate sur le load ...
quel interet ??? puisque la page vient de se charger tu dois normalement savoir ce qu'il y a par defaut au chargement dans les champs ??? Pourquoi valider le form au chargement ???

**fazpedro** · 17/10/2011, 10h56

Désolé, je reviendrai quand j'aurai bien compris le jquery,
du coup j'utilise un code simple pour afficher mes liens :

Code :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php session_start();
$nompage = 'liens.php';
require('configuration.php');
$sql = connect_sql();$sql2 = detection_mobile();$sql3 = bandeau_detection();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!-- DEBUT script pour les listes cachées-->
     $(document).ready(function(){
    $("#menus div ul ul").hide(); 		//  sous-menus cachés
    $("#menus div ul ul ul").hide(); 	//  sous-sous-menus cachés
    $("#menus div ul li a").click(function(){	//  affiche les sous menus et masque les autres
        $(this).parent().parent().children("li").find("ul.montre").slideToggle("").removeClass("montre").addClass("matched");
        $(this).parent().children("ul").not(".matched").addClass("montre").slideToggle("slow");
		$(this).parent().parent().children("li").find("ul.matched").removeClass("matched");
        if ($(this).attr("href") == "#") {
        return false;
        }
    });
		//réduit TOUS les niveaux
		$(".reduit_tous_messages").click(function(){
		$("#menus div ul ul").fadeOut(600)
		$("#menus div ul ul ul").fadeOut(600)
		return false;	});
		//montre TOUS les niveaux
		$(".montre_tous_messages").click(function(){
		$("#menus div ul ul").fadeIn(600)
		$("#menus div ul ul ul").fadeIn(600)
		return false;		});
    });
</script><!-- FIN script pour les listes cachées-->
</head>
<body>
<?php include($bandeau); ?> <!-- insère le bandeau principal en haut en fonction de la connexion -->
<div id="mainContent">
<h3>Liens</h3>
<p><a href="#" class="montre_tous_messages">Afficher tous les liens</a> &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="reduit_tous_messages">Masquer tous les liens</a></p>
<div id="menus">
<div id="Premier niveau">
<ul>
<?php
mysql_query("SET NAMES utf8");								// on écrit la requête pour Affichage des liens
$select = "SELECT * FROM liens ORDER BY type_lien ASC";
$result = mysql_query($select) or die ('Erreur : '.mysql_error() );
if (mysql_num_rows($result) == 0)							//On vérifie que la table contient quelque chose
	{	echo '<p>'.'<b>'.'Aucun lien ! '.'</b>'.'</p>'.'<br>'.'</br>';
		echo '<a href="#haut">'.'Haut de page'.'</a>';	}
else	//Si il y a des entrées	  
{	$PrecedentLien="";										//On initialise le lien précédent à ''
	while($affiche = mysql_fetch_array($result))			//On fait une boucle pour sortir toutes les entrées
   {	if ($affiche["type_lien"] <> $PrecedentLien)		  //On affiche les liens
		{	echo '<li class="premier_lien">'.'<a href="#">'.$affiche["type_lien"].'</a>';		}
				$PrecedentLien=$affiche["type_lien"];
					echo '<ul class="lien_2">'.'<a href="'.$affiche["lien"].'">'.$affiche["nom_lien"].'</a>'.'</ul>';
	}	//On ferme la boucle while
	echo '</li>';
}	//on ferme le else
?>
</ul>
</div>
</div>
<?php mysql_close($sql); //On se deconnecte ?>
<?php include('bas_de_page.php'); ?> <!-- insère le bas de page  -->
</body>
</html>

envoi du submit si rempli

jQuery

Discussions similaires

Partager

Partager