Page 1 sur 1

Validation input

Posté : 19 déc. 2013, 22:35
par kilian78
Bonsoir,

Savez vous comment mettre comme heure par défaut 10h00 et faire en sorte que mon input se valide après avoir sélectionné la date et l'heure...?
La validation se fait des que l'on clique sur le bouton fermer du datepicker.

Merci beaucoup
<script type="text/javascript" src="js/jquery-1.7.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />      
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/timepicker.js"></script>

<script type="text/javascript">
$(function() {
    $('#datepicker1').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

Re: Validation input

Posté : 20 déc. 2013, 10:38
par sirakawa
C'est posible en javascript, je l'ai fait.
Un exemple, car je n'ai pas ole courage d chercher mon code:
http://www.javascript-coder.com/javascr ... bmit.phtml

Re: Validation input

Posté : 20 déc. 2013, 11:24
par kilian78
Ok merci.
Je n'ai pas trop compris le lien..., il ne valide pas automatique le input ...? il faut faire l'action de...
Idem pour que l'heure démarre à 10h00

Merci

Re: Validation input

Posté : 20 déc. 2013, 12:15
par nico63800
salut, prenons les choses dans l'ordre
premièrement, pour valider automatiquement un formulaire quand l'utilisateur choisit une date sur le datepicker il suffit de faire un submit sur l’événement onSelect
je t'ai fait un exemple simple en 2 pages

page1.php
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>jQuery UI Datepicker - Default functionality</title>
	
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<link rel="stylesheet" href="/resources/demos/style.css">
		
		<script>
		  $(function() {
		    $( "#datepicker" ).datepicker({
		      onSelect : function(){
		      $('#my_form').submit();   
		      }
		    });
		  });
		</script>
	</head>
	
	<body>
		<form method="post" action="page2.php" id="my_form">
		<p>Date: <input type="text" id="datepicker" name="madate"></p>
		<input type="submit" value="OK" />
		</form>
	</body>
</html>


page2.php
<?php 	$date_choisie = $_POST["madate"]; ?>

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>page2</title>
	</head>
	<body>		
		<p>Date choisie: <?php echo $date_choisie ?></p>
	</body>
</html>

<html>

Re: Validation input

Posté : 20 déc. 2013, 13:02
par nico63800
En ce qui concerne l'heure par défaut à 10 heures, tu rajoutes juste une ligne :D
[javascript]
<script type="text/javascript">
$(function() {
$('#datepicker1').datepicker({
duration: '',
showTime: true,
constrainInput: false
});
});
</script>

<script type="text/javascript">
$(function() {
$('#datepicker1').datepicker({
duration: '',
showTime: true,
constrainInput: false,
hour: 10
});
});
</script>[/javascript]

Re: Validation input

Posté : 20 déc. 2013, 15:09
par kilian78
Non malheureusement cela ne fonctionne pas... j'avais déjà testé ça :-(

Re: Validation input

Posté : 22 déc. 2013, 21:13
par kilian78
Personne ne sait?

Re: Validation input

Posté : 23 déc. 2013, 22:22
par Aureusms
Montres nous ce que tu as testé.

Re: Validation input

Posté : 30 déc. 2013, 16:26
par kilian78
J'ai fait exactement ça :
<script type="text/javascript">
$(function() {
    $('#datepicker1').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

<script type="text/javascript">
$(function() {
    $('#datepicker1').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false,
        hour: 10
     });
});
</script>
Mais l'heure ne se met pas par défaut à 10h00 :-(