login validations using javascript

Question

I am trying to validate a form using javascript, but it goes straight to next page instead of alert when fields are empty.

<script type="text/javascript">
validateForm()  
{    
    valid = true;   
    if  
        (document.contactForm.name.value == "") 
    {
        alert("Please enter your Name.");   
        valid = false;  
    }   
    if (document.contactForm.Contact.value== "")
    {
        alert("Please enter your contact details");
        valid = false;
    }       
    return valid;
}
  <form name="contactForm" method="post" action="confirmation.html" 
        onsubmit="return validateForm()" >
    <table>
      <tr>
        <td align="right">Name:</td>
        <td align="left"><input type="text" size="40" name="name" id="name" 
                                onblur="return  validateForm();"/></td>
      </tr>
      <tr>
        <td align="right">Contact number:</td>
        <td align="left"><input type="text" name="Contact" id="Contact"  
                                onblur="return validateForm();"/></td>
      </tr>
      <tr>
        <td align="right">Address:</td>
        <td align="left"><TEXTAREA NAME=“txtremarks" size="255"></TEXTAREA></td>
                                                               </tr>
<tr>
  <td>submit here</td>
  <td><input type="submit" name="send" value="Submit" /></td>
</tr>
</table>
</form>

It should display the error instead

If you indent the code, don't put backticks around it. That's only for inline code. — Barmar
– Barmar, Commented Jul 5, 2014 at 10:30

Barmar · Accepted Answer · 2014-07-05 10:37:34Z

2

The line:

validateForm()

should be:

function validateForm()

DEMO

answered Jul 5, 2014 at 10:37

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Comments

Icepickle · Accepted Answer · 2014-07-05 10:26:58Z

0

Don't forget to attach the validateForm method to the html form onsubmit event, that has to return true/false as well

<form onsumbit="return validateForm();">
...
</form>

answered Jul 5, 2014 at 10:26

Icepickle

12.8k3 gold badges38 silver badges51 bronze badges

Comments

Farshad · Accepted Answer · 2014-07-05 10:32:57Z

0

<script>

function validateForm(theForm)
{


    if (theForm.elementname.value == "")
  {
    alert("please enter element name value");
    theForm.elementname.focus();
    return (false);
  }

  return true;

}

</script>

<form method="post" action="iaction.php" onsubmit="return validateForm(this)" >

answered Jul 5, 2014 at 10:32

Farshad

1,4951 gold badge9 silver badges12 bronze badges

Collectives™ on Stack Overflow

login validations using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related