Validate data using Javascript

Question

4.00/5 (1 vote)

See more:

I have created a web page that contains 2 text boxes that allow to enter two dates and javascript is used to validate the two text boxes are that empty. The out put is not coming as it wishes!

If the two text boxes are empty the javascript alert want work properly.

I post the source code at the below!

HTML

  <pre>!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function Validate()
{ var CheckInDate = document.getElementById(CheckIn).value;
  var CheckOutDate = document.getElementbyId(CheckOut).value;
  if var CheckInDate = "" || var CheckOutDate = "" {
    alert ("One or more fields empty"); } }
    </script>
    </head>
    <body>
    <form id="form1" name="form1" method="post" action="">
    <label>CheckIn Date <input type="text" name="CheckIn" id="CheckIn" /> </label>
    <p>
    <label>CheckOut Date <input type="text" name="CheckOut" id="CheckOut" />
    </label> </p> <p> <label>
    <input type="submit" name="Submit" id="Submit" value="Submit" onclick="Validate()" />
    </label>
    </p>
    </form>
    </body>
    </html>

Posted 29-Dec-11 20:45pm

Chiranthaka Sampath

Updated 29-Dec-11 20:46pm

v2

Add a Solution

5 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

thatraja · Accepted Answer · 2011-12-29T20:51:00

Solution 2

Your script is wrong, try this

JavaScript

function Validate()
{ var CheckInDate = document.getElementById('CheckIn').value;
  var CheckOutDate = document.getElementbyId('CheckOut').value;
  if(CheckInDate == "" || CheckOutDate == "") 
  {
    alert("One or more fields empty"); 
  } 
}

Posted 29-Dec-11 20:51pm

thatraja

Updated 29-Dec-11 21:04pm

v2

Comments

koolprasad2003 30-Dec-11 3:01am

Hey Raja, this is javascript. have you assign blank value "" to CheckInDate.
Please change assignment operator to comparison operator.

thatraja 30-Dec-11 3:06am

Oops my bad, Sometimes it happens because worked in C#, VB, Classic ASP, js, etc., things sometimes confusing.
Anyway thanks.

koolprasad2003 30-Dec-11 3:50am

Same thing with me too. i also work with C#, VB many times.

Chiranthaka Sampath 30-Dec-11 4:03am

The posted coding is not working!

koolprasad2003 · Accepted Answer · 2011-12-29T21:03:00

Solution 4

check following Javascript function

C#

function Validate()
{ 
  var CheckInDate = document.getElementById('CheckIn').value;
  var CheckOutDate = document.getElementbyId('CheckOut').value;
  if(CheckInDate == "" || CheckOutDate == "")
  {
    alert("One or more fields empty");
    return false;
  }
}

Posted 29-Dec-11 21:03pm

koolprasad2003

Updated 29-Dec-11 21:04pm

v2

Comments

Chiranthaka Sampath 30-Dec-11 4:04am

Same result not working!

Manish.Insan · Accepted Answer · 2011-12-29T20:51:00

modify this in your js function :

C#

function Validate()
{ var CheckInDate = document.getElementById(CheckIn).value;
  var CheckOutDate = document.getElementbyId(CheckOut).value;
  if var CheckInDate = "" || var CheckOutDate = "" {
    alert ("One or more fields empty");

return false;}

return true;}

and in input tag in design :

HTML

<input type="submit" name="Submit" id="Submit" value="Submit" onclick="return Validate()" />

Hope this will help you.
Don't forget to mark as answer if it helps. :)

Sarvesh Kumar Gupta · Accepted Answer · 2011-12-29T20:57:00

use below function

C#

function Validate()
{ var CheckInDate = document.getElementById(CheckIn).value;
  var CheckOutDate = document.getElementbyId(CheckOut).value;
  if (CheckInDate = "" || CheckOutDate = "") {
    alert ("One or more fields empty"); return false; }return true; }


and change in button

<input type="submit" name="Submit" id="Submit" value="Submit" onclick="return Validate()" />

Sarvesh Kumar Gupta · Accepted Answer · 2011-12-29T23:28:00

Hi, 

Change This also

<label>CheckIn Date</label> <input type="text" name="CheckIn" id="CheckIn" /> 
    <p>
    <label>CheckOut Date</label> <input type="text" name="CheckOut" id="CheckOut" />
     </p> <p> 
    <input type="submit" name="Submit" id="Submit" value="Submit" onclick="Validate()" />

Now Try.</p>

Validate data using Javascript

5 solutions

Solution 2

Solution 4

Solution 1

Solution 3

Solution 5

Add your solution here

Preview 0