javascript textbox validation

Question

i have a textbox in a jsp page

<td><label for="customer.fcDate" class="desc"><bean:message key="label.customer.fcDate" /></label></td>
            <td>
                <table><tbody><tr>
                        <td><input type="Text" name="customer.fcDate" id="customer.fcDate" style="customer.fcDate" class="SingleLineTextField" maxlength="10" size="15" tabindex="1" ></td>
                <td><a href="javascript:NewCal('customer.fcDate','mmddyyyy')"><img align="middle" src="Images/cal.jpg" width="20" height="20" border="0" alt="Pick a date"></a></td>

                </tr></tbody></table>
            </td>

now i want to check that the box must not be null using javascript. how to do it?

can you explain it little more?

     <td> <table>
 <tbody><tr> 
<td>
<input type="Text" name="customer.fcDate" id="customer.fcDate" style="customer.fcDate" class="SingleLineTextField" maxlength="10" size="15" tabindex="1" onblur="nullcheck()">
</td> 
<td><a href="javascript:NewCal('customer.fcDate','mmddyyyy')">
<img align="middle" src="Images/cal.jpg" width="20" height="20" border="0" alt="Pick a date"></a></td> </tr></tbody></table> </td>

in this way?????

David Tang · Accepted Answer · 2010-08-17 04:52:38Z

2

if (document.getElementById("customer.fcDate").value == "") {
   // BAD!
} else {
   // GOOD!
}

answered Aug 17, 2010 at 4:52

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

Comments

halfer · Accepted Answer · 2018-04-29 10:53:47Z

1

You just call this function on Blur to event to check text box is empty or having value.

  function nullcheck()
  {
    if(document.getElementById(fcDate).value=="")
    {
      alert("Please enter value.");
      return false;
    }
  }

onblur="nullcheck()" -- add this to text box property.

edited Apr 29, 2018 at 10:53

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Aug 17, 2010 at 15:47

RahulOnRails

6,54211 gold badges55 silver badges88 bronze badges

2 Comments

riyana Over a year ago

can you explain it little more? <td> <table> <tbody><tr> <td><input type="Text" name="customer.fcDate" id="customer.fcDate" style="customer.fcDate" class="SingleLineTextField" maxlength="10" size="15" tabindex="1" onblur="nullcheck()"></td> <td><a href="javascript:NewCal('customer.fcDate','mmddyyyy')"><img align="middle" src="Images/cal.jpg" width="20" height="20" border="0" alt="Pick a date"></a></td> </tr></tbody></table> </td> in this way?????

RahulOnRails Over a year ago

On the above "input type="Text" name="customer.fcDate", you need to integrate this function. ???

corroded · Accepted Answer · 2010-08-17 04:52:55Z

1

if you want an easy way, try using jquery validations.

here is a good one: http://demos.usejquery.com/ketchup-plugin/validation.html

if you just need plain js, just check if the input box value has a length of > 1

answered Aug 17, 2010 at 4:52

corroded

21.7k19 gold badges88 silver badges133 bronze badges

Comments

Garis M Suero · Accepted Answer · 2010-08-17 04:54:13Z

1

In your validation function you will use something like:

var fcDateInput = document.getElementById('customer.fcDate');
if (fcDateInput == null || fcDateInput.value.length < 1) {
  alert("You should select a valid date");
} else {
  // everything goes right...
}

answered Aug 17, 2010 at 4:54

Garis M Suero

8,1997 gold badges48 silver badges68 bronze badges

Collectives™ on Stack Overflow

javascript textbox validation

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related