Validation input

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Validation input

Re: Validation input

par kilian78 » 30 déc. 2013, 16:26

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 :-(

Re: Validation input

par Aureusms » 23 déc. 2013, 22:22

Montres nous ce que tu as testé.

Re: Validation input

par kilian78 » 22 déc. 2013, 21:13

Personne ne sait?

Re: Validation input

par kilian78 » 20 déc. 2013, 15:09

Non malheureusement cela ne fonctionne pas... j'avais déjà testé ça :-(

Re: Validation input

par nico63800 » 20 déc. 2013, 13:02

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

par nico63800 » 20 déc. 2013, 12:15

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

par kilian78 » 20 déc. 2013, 11:24

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

par sirakawa » 20 déc. 2013, 10:38

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

Validation input

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

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>