Check dato indtastet i form

Lav 3 felter et for dag et for måned og et for år...

...evt. dropdown.

Er det på client-side du vil have checket? Så er det jo javascript :)

<html>
<head>
<script language=javascript1.2>
function validateForm( myForm ){
  if( !/^(\d{2}-){2}\d{4}$/.test( myForm.dato.value ) ){
    alert('ugyldigt datoformat');
    return false;
  }
  return true;
}
</script>
</head>
<body>
<form name=myForm onsubmit='return validateForm( this );'>
<input type=text name=dato>
<input type=submit>
</form>
</body>
</html>

Denne checker jo selvfølgelig kun på formatet og ikke på max dage, skudår etc. men det kan også laves hvis det er nødvendigt.

dato feltet er inde i en form der også poster andre felter =>
<form action="udgivelse_gem.php" method="POST">

Hvordan får jeg lagt <form name=myForm onsubmit='return validateForm( this );'> sammen med den?

<form action="udgivelse_gem.php" method="POST" onsubmit='return validateForm( this );'>

checket virker, ville det være muligt at lave et form felt der er fortrykt

=> [  -  -    ]

Hmmm, ja...men så bliver den lidt komplex...

Jeg kan da give det et forsøg ( yeah, i'm bored :p )..men det tager nok lige lidt tid.

cool! :)

Jaeeeee, hvis jeg skal sige det selv kan jeg ikke lide den funktionalitet med fortrykt [  -  -    ]. Jeg har givet det et forsøg, men man kan ikke slette/delete i feltet ( det kunne jeg ikke helt styre ). Til gængæld bliver feltet "resettet" ved focus.
Jeg fandt min gamle datovalidator, så nu har den skudår og det hele med - ikke kun formatet. Man kan nøjes med at skrive YY i år-feltet, så sætter den 20YY ind...

<html>
<head>
<script language=javascript1.2>

function controlInput( e,myElement ){
  var key;
  var keychar;
  if(window.event){
    key = window.event.keyCode;
  }
  else if(e){
    key = e.which;
  }
  else{
    return true;
  }
  if( key == 13 ){
    return true;
  }
  keychar = String.fromCharCode(key);
  if( !/\d/.test( keychar ) ){
    return false;   
  }
  myElement.value = myElement.value.replace(/\s/,keychar);
  return false;
}

function validateDate( date ){ 
  var regExp = /^ *(\d{1,2})-(\d{1,2})-(\d{2}|\d{4}) *$/
  var dateList = regExp.exec( date )
  if( dateList != null && dateList.length == 4 ){
    regExp = /^(\d{2})$/;
    dateList[3] = dateList[3].replace( regExp,"20$1" );
    var yearBug = 0;
    if( dateList[3] >= 1900 && dateList[3] <= 1999 ){
      yearBug = 1900;
    }
    dateList[2] = dateList[2]-1;
    var tempDate = new Date(dateList[3],dateList[2],dateList[1]);   
    if((dateList[1]==tempDate.getDate())&&(dateList[2]==tempDate.getMonth())&&(dateList[3]==(tempDate.getYear()+yearBug))){     
      var dateStr = (tempDate.getDate() < 10 ? "0":"") + tempDate.getDate() + "-";
      dateStr += (tempDate.getMonth()+1 < 10 ? "0":"") + eval(tempDate.getMonth()+1) + "-";
      dateStr += eval(tempDate.getYear() + yearBug);     
      return dateStr;
    }
  }
  return false; 
}


function validateForm( myForm ){ 
  myDate = validateDate( myForm.dato.value );
  if( myDate == false ){
    alert('ugyldig dato');
    return false;
  }
  myForm.dato.value = myDate;
  return true;
}
</script>
</head>
<body>
<form name=formName onsubmit='return validateForm( this );'>
<input type=text name=dato value="  -  -    " onkeydown='return controlInput( event,this );' onfocus='this.value="  -  -    ";'>
<input type=submit>
</form>
</body>
</html>

yellow> den lader mig kun skrive et tegn i hver felt => 1-2-4

Check: http://www.dvdbasen.dk/html/udgivelser/ny_udgivelse.php

du kan logge på med
password:gæst
username:gæst

Doh! der var kun kommet 1 blankt felt over med copy / paste sorry!

Det virker takker :)

Yellow> kommer du også med et svar?

HMRF! Virker fint her, jeg hader browsere :p

Hvilken browserversion kører du med?

prøv eventuelt at udskifte:
myElement.value = myElement.value.replace(/\s/,keychar);
med
myElement.value = myElement.value.replace(//,keychar);
eller
myElement.value = myElement.value.replace(/\s{1}/,keychar);

Faktisk tror jeg bedre jeg kan lide den her:
<html>
<head>
<script language=javascript1.2>

function validateDate( date ){ 
  var regExp = /^ *(\d{1,2})-(\d{1,2})-(\d{2}|\d{4}) *$/
  var dateList = regExp.exec( date )
  if( dateList != null && dateList.length == 4 ){
    regExp = /^(\d{2})$/;
    dateList[3] = dateList[3].replace( regExp,"20$1" );
    var yearBug = 0;
    if( dateList[3] >= 1900 && dateList[3] <= 1999 ){
      yearBug = 1900;
    }
    dateList[2] = dateList[2]-1;
    var tempDate = new Date(dateList[3],dateList[2],dateList[1]);   
    if((dateList[1]==tempDate.getDate())&&(dateList[2]==tempDate.getMonth())&&(dateList[3]==(tempDate.getYear()+yearBug))){     
      var dateStr = (tempDate.getDate() < 10 ? "0":"") + tempDate.getDate() + "-";
      dateStr += (tempDate.getMonth()+1 < 10 ? "0":"") + eval(tempDate.getMonth()+1) + "-";
      dateStr += eval(tempDate.getYear() + yearBug);     
      return dateStr;
    }
  }
  return false; 
}


function validateForm( myForm ){ 
  myDate = validateDate( myForm.dd.value + '-' + myForm.mm.value + '-' + myForm.yy.value );
  if( myDate == false ){
    alert('ugyldig dato');
    return false;
  }
  myForm.dato.value = myDate;
  return true;
}
</script>
</head>
<body>
<form name=formName onsubmit='return validateForm( this );'>
<input type=text name="dd" size=2 maxlength=2> - <input type=text name="mm" size=2 maxlength=2> - <input type=text name="yy" size=4 maxlength=4>
<input type=submit>
</form>
</body>
</html>

Den er god men, jeg gemmer jo dato som name="dato" i MySql

nu står der name="dd" name="mm" name="yy"

Men mon ikke $dato = $dd-$mm-$yy giver det samme resultat

Der var den $dato = $dd . $mm . $yy; :)

Det blev den sidste løsning!

yellow> kommer du med et svar så du kan få de velfortjente points!

Takker :)