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) {    ...

joomla remove category name in url

-) If anyone is using the lyftenbloggie component, and want to remove the component name and category title from the sef url, follow this hack: (Note: You also need to install the lyftenbloggie extension for ARTIO SEF) Under components/com_sef/joomsef.php, After this code: $location = array();         foreach ($title as $titlePart) {             if (strlen($titlePart) == 0) continue;             $location[] = JoomSEF::_titleToLocation($titlePart);         } Just add this code: if($location[0] == 'lyftenbloggie')         {         $temp_sef = end($location);         $location = array();            $location[] = $temp_sef;         ...

php get content between tags

This involves parsing the dom document. <?php function getTextBetweenTags($tag, $html) {     $dom = new domDocument;     @$dom->loadHTML($html);         $dom->preserveWhiteSpace = false;     $content = $dom->getElementsByTagname($tag);     $out = array();         foreach ($content as $item)     {         $out[] = $item->nodeValue;     }     return $out; } $xhtml = '<tag>abc def</tag><tag>123 456</tag>'; $content2 = getTextBetweenTags('tag', $xhtml); foreach( $content2 as $item ) {     echo $item.'<br />'; } ?> Output: abc def 123 456