validation of datetime with javascript

Question

I have a reservation page where someone would enter the date for it and I need to validate it, but i am not sure how to do this in javascript here is the html code

   <input type="text" name="date" />

now i have seend a few examples but not clear enough, the entry in the textbox should be something like 11/07/2011 3:45 AM.I would appreciate any help or advise on how to achieve this with javascript.

parse date and get parts like day, month year etc and see this to see how to validate: stackoverflow.com/questions/446035/… — Riz
– Riz, Commented Nov 10, 2011 at 9:03
hmm yeah i saw that... not sure how to approach it thank you though — user710502
– user710502, Commented Nov 10, 2011 at 9:06
you can use a datepicker,it solve your problem javascriptkit.com/script/script2/timestamp.shtml, nsftools.com/tips/DatePickerTest.htm — omnath
– omnath, Commented Nov 10, 2011 at 9:55

Royi Namir · Accepted Answer · 2011-11-10 09:06:10Z

2

Why do you let him Type chars ?

give him some dateTime Picker.

http://plugins.jquery.com/project/DateTimepicker

answered Nov 10, 2011 at 9:06

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kamui · Accepted Answer · 2011-11-10 09:52:03Z

2

if not using jQuery

 var errormessage = "";
 function checkIsValidDateTime(){
      errormessage = "";
      var isvalid = false;
      var dt = document.getElementsByName("date")[0].value;
      var parts = dt.split(" ");
      if(parts.length == 3){
         var date = parts[0];
         var time = parts[1];
         var ampm = parts[2];
         if(ampm.length == 2 && (ampm.toLowerCase() == "am" || ampm.toLowerCase() == "pm")){
            var validformatdate=/^\d{2}\/\d{2}\/\d{4}$/;
            if (validformatdate.test(date)){
                var validformattime = /^\d{1,2}:\d{2}$/;
                if (validformattime.test(date)){
                     isvalid = true;
                }else{errormessage = "Time is not in the format HH:MM";}
            }else{errormessage = "Date is not in the format dd/mm/yyyy";}
         }else{errormessage = "DateTime does not have AM/PM at the end";}
      }else{errormessage = "DateTime is not in the format 11/07/2011 3:45 AM";}
      return isvalid;
 }

Then when the submit button is clicked set the onclick event to call that function and you can even display the error message if it is not empty. If the function returns true then process normally ortherwise stop the submit.

answered Nov 10, 2011 at 9:52

kamui

3,4193 gold badges28 silver badges44 bronze badges

1 Comment

kamui Over a year ago

for the date I made the assumption in the validformatdate check that the day was going to be 02/11/2011 if less than 10 but it can be rewritten to /^\d{1,2}\/\d{2}\/\d{4}$/ if that is not the case

Collectives™ on Stack Overflow

validation of datetime with javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related