Solved

java script date validation for a textbox

Posted on 2008-06-19
2
1,664 Views
Last Modified: 2013-11-06
I have a text box and I have to enter a date and I have to validate it
if  date is correct then i will press a button
a confirmation box should come when that button is pressed and this confirmation box should come only after textbox validations

i.e.
1. textbox should not be empty
2. it should contain valid date

 and if the textbox is empty I am displaying a message (labelerror) that it should not be empty

and if the confirmation box comes that label error should not come

i.e.
I will enter an invalid date and press button then labelerror will show a error message
then i will enter a valid date  then confirmation box should come and the label error should be cleared because as confirmation box is javascript the confirmation box will come and the label error is not cleared as it is server side  i.e. I want to clear the label error in the java script itself
please assist me

 
0
Comment
Question by:santoshkumark
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 21828806
You mean

(if you want a really good date library go here http://www.javascripttoolbox.com/lib/date/source.php)
<script>
 
function isDate(year, month, day) {
  month -= 1; // js months start at 0
  var d = new Date(year,month,day);
  retur  (year == d.getFullYear() && month == d.getMonth() && day == d.getDate()) 
}
 
function validate(theForm) {
  document.getElementById('labelError').display='none';
  var date = theForm.date.value;
  // assuming dd/mm/yyyy
  var dParts = date.split('/');
  if (!isDate(dParts[2],dParts[1],dParts[0]) {
    document.getElementById('labelError').display='';
    return false
  }
  return confirm('Are you sure')
}
</script>
<form onSubmit="return validate(this)">
<input type="text" name="date" value="" /><span id="labelError" style="display:none">Invalid date</span>
</form>

Open in new window

0

Featured Post

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I hope you'll find this tutorial useful and interesting. So let's try to extend Tcl with a new package.  For anyone more deeply interested please check out the book "Practical Programming in Tcl and Tk". It's really one of the best written books abo…
For a while now I'v been searching for a circular progress control, much like the one you get when first starting your Silverlight application. I found a couple that were written in WPF and there were a few written in Silverlight, but all appeared o…
The viewer will learn how to use and create new code templates in NetBeans IDE 8.0 for Windows.
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…

729 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question