[interface] Add javascript validation of datetime input.

patch #2983960
This commit is contained in:
Sutharshan Balachandren
2010-04-16 09:53:18 +02:00
committed by Michal Čihař
parent 46b2ed8ddd
commit e194beb978
5 changed files with 194 additions and 12 deletions

View File

@@ -69,6 +69,8 @@ $Id$
- patch #2985068 [engines] Fix parsing of PBXT status, thanks to Madhura Jayaratne.
- patch #2986073 [interface] Convert upload progress bar to jQuery, thanks to
Philip Frank.
- patch #2983960 [interface] Add javascript validation of datetime input,
thanks to
3.3.3.0 (not yet released)
- patch #2982480 [navi] Do not group if there would be one table in group,

View File

@@ -55,6 +55,175 @@ function nullify(theType, urlField, md5Field, multi_edit)
} // end of the 'nullify()' function
/**
* javascript DateTime format validation.
* its used to prevent adding default (0000-00-00 00:00:00) to database when user enter wrong values
* Start of validation part
*/
//function checks the number of days in febuary
function daysInFebruary (year){
return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
//function to convert single digit to double digit
function fractionReplace(num)
{
num=parseInt(num);
var res="00";
switch(num)
{
case 1:res= "01";break;
case 2:res= "02";break;
case 3:res= "03";break;
case 4:res= "04";break;
case 5:res= "05";break;
case 6:res= "06";break;
case 7:res= "07";break;
case 8:res= "08";break;
case 9:res= "09";break;
}
return res;
}
/* function to check the validity of date
* The following patterns are accepted in this validation (accepted in mysql as well)
* 1) 2001-12-23
* 2) 2001-1-2
* 3) 02-12-23
* 4) And instead of using '-' the following punctuations can be used (+,.,*,^,@,/) All these are accepted by mysql as well. Therefore no issues
*/
function isDate(val,tmstmp)
{
val=val.replace(/[.|*|^|+|//|@]/g,'-');
var arrayVal=val.split("-");
for(var a=0;a<arrayVal.length;a++)
{
if(arrayVal[a].length==1)
arrayVal[a]=fractionReplace(arrayVal[a]);
}
val=arrayVal.join("-");
var pos=2;
dtexp=new RegExp(/^([0-9]{4})-(((01|03|05|07|08|10|12)-((0[0-9])|([1-2][0-9])|(3[0-1])))|((02|04|06|09|11)-((0[0-9])|([1-2][0-9])|30)))$/);
if(val.length==8)
{
dtexp=new RegExp(/^([0-9]{2})-(((01|03|05|07|08|10|12)-((0[0-9])|([1-2][0-9])|(3[0-1])))|((02|04|06|09|11)-((0[0-9])|([1-2][0-9])|30)))$/);
pos=0;
}
if(dtexp.test(val))
{
var month=parseInt(val.substring(pos+3,pos+5));
var day=parseInt(val.substring(pos+6,pos+8));
var year=parseInt(val.substring(0,pos+2));
if(month==2&&day>daysInFebruary(year))
return false;
if(val.substring(0,pos+2).length==2)
{
if(val.substring(0,pos+2).length==2)
year=parseInt("20"+val.substring(0,pos+2));
else
year=parseInt("19"+val.substring(0,pos+2));
}
if(tmstmp==true)
{
if(year<1978) return false;
if(year>2038||(year>2037&&day>19&&month>=1)||(year>2037&&month>1)) return false;
}
}
else
return false;
return true;
}
/* function to check the validity of time
* The following patterns are accepted in this validation (accepted in mysql as well)
* 1) 2:3:4
* 2) 2:23:43
*/
function isTime(val)
{
var arrayVal=val.split(":");
for(var a=0;a<arrayVal.length;a++)
{
if(arrayVal[a].length==1)
arrayVal[a]=fractionReplace(arrayVal[a]);
}
val=arrayVal.join(":");
tmexp=new RegExp(/^(([0-1][0-9])|(2[0-3])):((0[0-9])|([1-5][0-9])):((0[0-9])|([1-5][0-9]))$/);
if(!tmexp.test(val))
return false;
return true;
}
//validate the datetime and integer
function Validator(urlField, multi_edit,theType){
var rowForm = document.forms['insertForm'];
var evt = window.event || arguments.callee.caller.arguments[0];
var target = evt.target || evt.srcElement;
unNullify(urlField, multi_edit);
if(target.name.substring(0,6)=="fields")
{
var dt=rowForm.elements['fields[multi_edit][' + multi_edit + '][' + urlField + ']'];
// validate for date time
if(theType=="datetime"||theType=="time"||theType=="date"||theType=="timestamp")
{
if(theType=="date"){
if(!isDate(dt.value))
{
dt.className="invalid_value";
return false;
}
}
else if(theType=="time")
{
if(!isTime(dt.value))
{
dt.className="invalid_value";
return false;
}
}
else if(theType=="datetime"||theType=="timestamp")
{
tmstmp=false;
if(theType=="timestamp")
{
tmstmp=true;
if(dt.value=="CURRENT_TIMESTAMP")
{
dt.className="";
return true;
}
}
if(dt.value=="0000-00-00 00:00:00")
return true;
var dv=dt.value.indexOf(" ");
if(dv==-1)
{
dt.className="invalid_value";
return false;
}
else
{
if(!(isDate(dt.value.substring(0,dv),tmstmp)&&isTime(dt.value.substring(dv+1))))
{
dt.className="invalid_value";
return false;
}
}
}
}
//validate for integer type
if(theType.substring(0,3)=="int"){
if(isNaN(dt.value)){
dt.className="invalid_value";
return false;
}
}
}
dt.className="";
}
/* End of datetime validation*/
/**
* Unchecks the "NULL" control when a function has been selected or a value
* entered
@@ -351,6 +520,7 @@ function returnDate(d) {
}
window.opener.dateField.value = txt;
window.opener.dateField.className='';
if (typeof(window.opener.dateFieldNull) != 'undefined') {
window.opener.dateFieldNull.checked = false;
}

View File

@@ -242,6 +242,7 @@ if (isset($clause_is_unique)) {
}
?>
<!-- Insert/Edit form -->
<form method="post" action="tbl_replace.php" name="insertForm" <?php if ($is_upload) { echo ' enctype="multipart/form-data"'; } ?>>
<?php
@@ -411,10 +412,9 @@ foreach ($rows as $row_id => $vrow) {
if (-1 === $field['len']) {
$field['len'] = PMA_DBI_field_len($vresult, $i);
}
$unnullify_trigger = $chg_evt_handler . "=\"return unNullify('"
. PMA_escapeJsString($field['Field_md5']) . "', '"
. PMA_escapeJsString($jsvkey) . "')\"";
//Call validation when the form submited...
$unnullify_trigger = $chg_evt_handler . "=\"return Validator('". PMA_escapeJsString($field['Field_md5']) . "', '"
. PMA_escapeJsString($jsvkey) . "','".$field['pma_type']."')\"";
// Use an MD5 as an array index to avoid having special characters in the name atttibute (see bug #1746964 )
$field_name_appendix = $vkey . '[' . $field['Field_md5'] . ']';

View File

@@ -1284,3 +1284,8 @@ table#serverconnection_trg_local {
width: 85%;
padding: 0.1em;
}
/**
* Validation error message styles
*/
.invalid_value
{background:#F00;}

View File

@@ -1216,3 +1216,8 @@ table#serverconnection_src_local,
table#serverconnection_trg_local {
float:left;
}
/**
* Validation error message styles
*/
.invalid_value
{background:#F00;}