1 Reply Latest reply on Feb 25, 2014 1:19 PM by osgood_

    Input date format validation

    barrydocks Level 1

      Following on from a previous thread http://forums.adobe.com/thread/1413595

       

      I would like to validate the format of an input date.  I have used form validation to ensure that manditory fields are completed, how do I make the dob field also check the date format entered at the same time?

       

      Heres the validation script gnereated by DM:

      <script language="JavaScript" type="text/JavaScript">

      <!--

      function MM_findObj(n, d) { //v4.01

        var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

          d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

        if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

        if(!x && d.getElementById) x=d.getElementById(n); return x;

      }

       

      function MM_validateForm() { //v4.0

        var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;

        for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);

          if (val) { nm=val.name; if ((val=val.value)!="") {

            if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');

              if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';

            } else if (test!='R') { num = parseFloat(val);

              if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';

              if (test.indexOf('inRange') != -1) { p=test.indexOf(':');

                min=test.substring(8,p); max=test.substring(p+1);

                if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';

          } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }

        } if (errors) alert('The following error(s) occurred:\n'+errors);

        document.MM_returnValue = (errors == '');

      }

      //-->

      </script>

       

       

      Here's the php to submit the form:

      <form action="<?php echo $editFormAction; ?>" method="post" name="form1" onSubmit="MM_validateForm('firstname','','R','surname','','R','dob','','R');return document.MM_returnValue">

       

      Thanks

        • 1. Re: Input date format validation
          osgood_ Level 8

          I Googled for this and came up with a solution http://jsfiddle.net/EywSP/849/

           

          Below is the same code as at the url above BUT I have replaced the / with - so the date should be good to be inserted into the database.

           

           

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

          <html>

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

          <title>Untitled Document</title>

          <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

          <script>

          $(function() {

              $('#btnSubmit').bind('click', function(){

                  var txtVal =  $('#txtDate').val();

                  if(isDate(txtVal))

                      alert('Valid Date');

                  else

                      alert('Invalid Date');

              });

           

          function isDate(txtDate)

          {

              var currVal = txtDate;

              if(currVal == '')

                  return false;

           

              var rxDatePattern = /^(\d{4})(\-|-)(\d{1,2})(\-|-)(\d{1,2})$/; //Declare Regex

              var dtArray = currVal.match(rxDatePattern); // is format OK?

           

              if (dtArray == null)

                  return false;

           

              //Checks for mm/dd/yyyy format.

              dtMonth = dtArray[3];

              dtDay= dtArray[5];

              dtYear = dtArray[1];       

           

              if (dtMonth < 1 || dtMonth > 12)

                  return false;

              else if (dtDay < 1 || dtDay> 31)

                  return false;

              else if ((dtMonth==4 || dtMonth==6 || dtMonth==9 || dtMonth==11) && dtDay ==31)

                  return false;

              else if (dtMonth == 2)

              {

                  var isleap = (dtYear % 4 == 0 && (dtYear % 100 != 0 || dtYear % 400 == 0));

                  if (dtDay> 29 || (dtDay ==29 && !isleap))

                          return false;

              }

              return true;

          }

           

          });

           

           

           

          </script>

           

          </head>

           

          <body>

          Date : <input type="text" id="txtDate" /> (yyyy-mm-dd)

          <br/><br/><br/>

          <input type="button" value="ValidateDate" id="btnSubmit"/>

           

           

          </body>

          </html>

          1 person found this helpful