Friday 18 September 2015

Datepicker from date to date validation using jquery

<label for="from">From</label>
<input type="text" id="from" name="from" />
<label for="to">to</label>
<input type="text" id="to" name="to" />
<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>

<script>
$(function () {
$("#from").datepicker({
maxDate:+0,
changeMonth: true,
dateFormat: 'dd/mm/y',
numberOfMonths: 1,
onClose: function (selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate);

}
});
$("#to").datepicker({
maxDate:+0,
changeMonth: true,
dateFormat: 'dd/mm/y',
numberOfMonths: 1,
onClose: function (selectedDate) {
}
});
});</script>

Demo

Wednesday 16 September 2015

php while loop form validation using jquery

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script><script>
function sendContact(id) {
if(!$("#userName_"+id).val()) {
$("#userName_"+id).focus();
alert('Enter the First Name');
valid = false;
}
return valid;
}
</script>
</head>
<body>

<?php 
$i=1;
while($i<5){
?>
<div>
<label>Name</label>
<input type="text" name="userName" id="userName_<?php echo $i; ?>" >
<input type="submit" name="submit" value="submit" onClick="sendContact(<?php echo $i; ?>);">
<?php $i++; }  ?>