Skip to main content

Date picker dates Validation

This script validates the start and end dates that are selected from a datepicker.
Note that here, the dates are manually taken, but in real time, you get the input values of date1 and date2 ($a and $b in php code) from a date picker. Just use a datepicker and populate the values in input fields.

Script code:

<script type="text/javascript">
function check_dates()
{
var a = document.validate_dates.date1.value;
var b = document.validate_dates.date2.value;

// alert(a);
// alert(b);

a1 = a.split("-");
b1 = b.split("-");

// alert(a1);
// alert(a1.length);

var d1 = new Date();
d1.setFullYear(a1[0],a1[1]-1,a1[2]);

var d2 = new Date();
d2.setFullYear(b1[0],b1[1]-1,b1[2]);

// alert(d1);
// alert(d2);

if(d2 < d1)
{
alert("End date cannot be less than start date");
return false;
}
return true;
}
</script>

Form code:

<?php
$a = "2010-08-02"; // get it from date-picker
$b = "2010-08-01"; // get it from date-picker
?>
<form name="validate_dates" method="post" action="">
<table align="left" cellpadding="2" cellpadding="2">
<tr>
<td>Start Date:</td><td><input type="text" name="date1" value="<?php echo $a; ?>" disabled="disabled" /></td>
</tr>
<tr>
<td>End Date:</td><td><input type="text" name="date2" value="<?php echo $b; ?>" disabled="disabled" /></td>
</tr>
<tr>
<td colspan="2"><input type="button" name="validate" value="Validate Dates" onclick="return check_dates();" /></td>
</tr>
</table>
</form>

Comments

Popular posts from this blog

Joomla validate chrono forms using jquery

It is a common practice to use Chrono forms in our joomla site to setup various forms in the site, be it a contact us form, submit a ticket form, or whatever. I have set the option "validate form" to "No" under chronoform settings in admin panel, and also preferred to not include any js or css files. For validating the chrono forms, i prefer jquery. So first lets add jquery support in our joomla. It is quite simple: 1. Download jquery.js and jquery_min.js (1.4.2 version is enough) and place them in media/system/js folder of your joomla. 2. Edit libraries->joomla->html->html->behavior.php, and add the following function below the mootools() function: function jQuery($debug = null)     {         static $loaded;         global $mainframe;         // Only load once         if ($loaded) {    ...

htaccess disable directory browsing, disable file listing, disable file access

There may be some personal or secure data in a file, that you want to hide from the end user, when it is viewed through a web browser. Ex: http://www.example.com/user_files/24/chat.txt In the above scenario, if the file "chat.txt" contains a secure data, and you dont want to allow end users to directly access the file, or to disable the file listing in the folder "user_files" or "24", use the below code in your .htaccess file inside "user_files" folder: Options -Indexes order allow,deny deny from all

php loop images in a folder, display them

This code will loop all the images inside "images" folder and display them. For every 7 images, a new row is added. <table> <tr> <?php $photo_dir = "images"; $files = glob($photo_dir."/*.*"); for ($i=0; $i<count($files); $i++) { $j = $i+1; ?> <td height="25" align="center"> <?php $num = $files[$i]; $img_name = explode(".", basename($num)); echo '<a href="'.$num.'"> <img src="'.$num.'" width="120" height="120" style="border:4px solid #FFF;"></a>'; // .$img_name[0]; ?> </td> <?php if($j % 7 == 0) echo '</tr><tr>'; } ?> </tr> </table>