Question

i am trying to do a form validation using javascript. if error was found the javascript should stop sending the form to the server.

i made sure that the javascript returns false by writing the statement :
return false;

and still the form is sent to the server .

script tag:

<script language="javascript" src="validations.js" type="text/javascript"></script>

my form tag:

FORM id="frm" name="newCustomer" METHOD="POST" ACTION="register.php" onsubmit="return validateNewCustomer()">

JavaScript function :

function validateNewCustomer() {
    var name = document.getElementById('f_name').value;

    var okCustomer = true;

    if (name.value == "") {
        document.getElementById('f_name').value="kossetak";
        document.getElementById('errfname').innerHTML = "Error Name";
        okCustomer = false;
    } else {
        document.getElementById('errname').innerHTML = "";
        okCustomer = true;
    }

    return okCustomer;
}

I appreciate your help.
Thank you.

Answer 1

You always return true from your function, because name.value == "" is always false, so you enter the else clause.

Notice that you already have .value on this line:

var name = document.getElementById('f_name').value

So when you say name.value you are accessing document.getElementById('f_name').value.value which will be undefined.