verify text field is not empty before submit

Hi,

I have a text field
<input type="text" name="date" id="data" size="12" readonly onclick="popupcalendar('mydata')" />

which when clicked pops up a calendar. Below that is a submit button..

<input type="submit" name="submit" value="" class="submit"/>

If I click submit and the user has selected a date then no problem...if I click submit with no date is selected then it throws an error.

How can I verify that the user has selected a date (or the textbox is not empty) before going ahead with the submit....

All I'm really looking for is a simple alert box saying "Please select a date"


Thanks,

thegunnerAsked:
Who is Participating?
 
sijishJohnConnect With a Mentor Commented:
Add this script to your page

<script language="javascript" type="text/javascript">
    function ValidateDate()
    {
        if(document.getElementById('data').value == "")
        {
            alert('Please select a date');
            return false;
        }
    }
   
    </script>


and call it in onclick event of the button...

<input type="submit" name="submit" value="" class="submit" onclick="return ValidateDate()"/>
0
 
Loganathan NatarajanLAMP DeveloperCommented:
You can also submit after validating the input,


<script language="javascript" type="text/javascript">
    function ValidateDate()
    {
        if(document.formname.data.value == "")
        {
            alert('Please select a date');
            return false;
        }
		
		document.frmname.submit();
		return true;
    }
   
    </script>
 
 
<input type="button" name="submit" value="Save" class="submit" onclick="return ValidateDate()"/>

Open in new window

0
 
thegunnerAuthor Commented:
cheers...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.