Question

I have created a webpage, in which i have a few input box and a submit button in a

<form action="" method="post" name="password">

On the click of the submit button, it calls a js function, which checks if the passwords are same, and if not it displays the error

if (passwrd1!=passwrd2)
{
document.getElementById("response").innerHTML="<font color='red'>Passwords do not match</font>";
}

It displays the error in:

<div id="response" align="center">Response from js</div>

But the problem is, it displays the function and then the same “Response from js” comes back.

What should i do to solve this porblem??

Best
Zeeshan

Answer 1

Do you also return false from submit button’s click function to prevent it from actually posting back the form?

if (passwrd1 != passwrd2)
{
    document.getElementById("response").innerHTML = "Passwords don't match";
    return false;
}

Because from the small amount of code you’ve given us it looks like, your form gets posted back anyway.