Discussion :

[pierrot10]

Bonjour à tous

J'ai un petit formulaire que voici

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
<form class="form-inline" method="post" action="[[~[[*id]]]]">
  <div class="form-group">
 
    <label for="input_place">Rechercher un stage</label>
    <input type="text" class="form-control" id="input_place" name="input_place" placeholder="Lieux">
  </div>
  <div class="form-group">
    <label for="input_date">ou</label>
    <input type="date" class="form-control datepicker" id="input_date" name="input_date" placeholder="sélectionnez une date">
 
  </div>
  <button type="submit" class="btn btn-default">Envoyer</button>
</form>
<hr>

J'utilise aussi cette librairie pour avoir un datepicker
https://bootstrap-datepicker.readthe...est/index.html

On me demande à ce que le formulaire soit envoyé, d'es qu'un des deux champs est modifié.

Alors j'ai ajouté ceci:

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
 
$(document).ready(function() {
$('.datepicker').datepicker({
		'autoclose'	:	true,
		'format'	:	'yyyy-mm-dd',
		'language'	:	'[[If?
			  &subject=`[[*context_key]]`
			  &operator=`inarray`
			  &operand=`web`
			  &then=`fr`
			  &else=`[[*context_key]]`
		  ]]'
});
 
$('#input_date').on('change', function() {
    //            this.form.submit();
	alert("changed date");
});
 
$('#input_place').on('change', function() {
    //            this.form.submit();
	alert("changed place");
});
});

J'essaye donc de voir ce qu'il se passe quand on change et qu'on sort d'un des deux champs.

Le problème est quand je rafraichi la page, le popoup "change date", s'affiche alors qu'il ne devrait pas.
Quand je mets du texte dans le champs 'date_place', il affiche bien 'change place', et quand "pick" une date, il m'affiche bien'change date'.

Quand je rafraichit la page, il m'affiche encore 'chage date' et ca je ne veux pas.

Comment puis-je alors faire en sorte qu'uniquement quand je sort d'un champ ou quand je "pick" une date, il m'affiche l'un ds texte.

Il n'y a pas un truc du genre 'onleave'?

En fait, ce que je veux faire après, c'est qu'il envoit le formulaire des que la souris/curseur sort d'un champs.

Meci pour vos lumière

[Toufik83]

En fait, ce que je veux faire après, c'est qu'il envoit le formulaire des que la souris/curseur sort d'un champs.

il existe $.blur() ou $(selecteur).on('blur',function(){/*...*/});