[interface] Add javascript validation of datetime input.
patch #2983960
This commit is contained in:

committed by
Michal Čihař

parent
46b2ed8ddd
commit
e194beb978
@@ -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,
|
||||
|
170
js/tbl_change.js
170
js/tbl_change.js
@@ -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;
|
||||
}
|
||||
|
@@ -183,7 +183,7 @@ if (isset($where_clause)) {
|
||||
} else { // end if (no row returned)
|
||||
$meta = PMA_DBI_get_fields_meta($result[$key_id]);
|
||||
list($unique_condition, $tmp_clause_is_unique) = PMA_getUniqueCondition($result[$key_id], count($meta), $meta, $rows[$key_id], true);
|
||||
if (! empty($unique_condition)) {
|
||||
if (! empty($unique_condition)) {
|
||||
$found_unique_key = true;
|
||||
}
|
||||
unset($unique_condition, $tmp_clause_is_unique);
|
||||
@@ -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
|
||||
@@ -304,7 +305,7 @@ foreach ($rows as $row_id => $vrow) {
|
||||
<thead>
|
||||
<tr>
|
||||
<th><?php echo $strField; ?></th>
|
||||
|
||||
|
||||
<?php
|
||||
if ($cfg['ShowFieldTypesInDataEditView']) {
|
||||
$this_url_params = array_merge($url_params,
|
||||
@@ -345,8 +346,8 @@ foreach ($rows as $row_id => $vrow) {
|
||||
// d a t e t i m e
|
||||
//
|
||||
// Current date should not be set as default if the field is NULL
|
||||
// for the current row, but do not put here the current datetime
|
||||
// if there is a default value (the real default value will be set
|
||||
// for the current row, but do not put here the current datetime
|
||||
// if there is a default value (the real default value will be set
|
||||
// in the Default value logic below)
|
||||
|
||||
// Note: (tested in MySQL 4.0.16): when lang is some UTF-8,
|
||||
@@ -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'] . ']';
|
||||
@@ -439,7 +439,7 @@ foreach ($rows as $row_id => $vrow) {
|
||||
<td align="center"<?php echo $field['wrap']; ?>>
|
||||
<?php echo $field['pma_type']; ?>
|
||||
</td>
|
||||
|
||||
|
||||
<?php } //End if
|
||||
|
||||
// Prepares the field value
|
||||
@@ -562,12 +562,12 @@ foreach ($rows as $row_id => $vrow) {
|
||||
) {
|
||||
$default_function = $cfg['DefaultFunctions']['pk_char36'];
|
||||
}
|
||||
|
||||
|
||||
// this is set only when appropriate and is always true
|
||||
if (isset($field['display_binary_as_hex'])) {
|
||||
$default_function = 'UNHEX';
|
||||
}
|
||||
|
||||
|
||||
// loop on the dropdown array and print all available options for that field.
|
||||
foreach ($dropdown as $each_dropdown){
|
||||
echo '<option';
|
||||
@@ -639,7 +639,7 @@ foreach ($rows as $row_id => $vrow) {
|
||||
// foreign key in a drop-down
|
||||
$onclick .= '4, ';
|
||||
} elseif ($foreigners && isset($foreigners[$field['Field']]) && $foreignData['foreign_link'] == true) {
|
||||
// foreign key with a browsing icon
|
||||
// foreign key with a browsing icon
|
||||
$onclick .= '6, ';
|
||||
} else {
|
||||
$onclick .= '5, ';
|
||||
|
@@ -1284,3 +1284,8 @@ table#serverconnection_trg_local {
|
||||
width: 85%;
|
||||
padding: 0.1em;
|
||||
}
|
||||
/**
|
||||
* Validation error message styles
|
||||
*/
|
||||
.invalid_value
|
||||
{background:#F00;}
|
@@ -1216,3 +1216,8 @@ table#serverconnection_src_local,
|
||||
table#serverconnection_trg_local {
|
||||
float:left;
|
||||
}
|
||||
/**
|
||||
* Validation error message styles
|
||||
*/
|
||||
.invalid_value
|
||||
{background:#F00;}
|
Reference in New Issue
Block a user