Validate a form with JavaScript

Question

I need to validate a form with Javascript

Here is my form:

<form name="login" action="#" method="POST" onSubmit="return validasi()">
<div class=log>My Id</div><div class=log><input type="text" name="username"></div>
<div class=log>Password</div><div class=log><input type="password"  name="sandi"></div>
<div class=log><input id="tombol" type="submit" value="Login" ></div>
</form>

...and the JS validation:

<script language="javascript">
function validasi(form){
  if (form.username.value == ""){
    alert("Anda belum mengisikan Username.");
    form.username.focus();
    return (false);
    }

  if (form.sandi.value == ""){
    alert("Anda belum mengisikan Password.");
    form.sandi.focus();
    return (false);
    }
  return (true);
    }
</script>

However, the JS is not working. Please help me to solve it.

kavin · Accepted Answer · 2013-03-16 09:55:28Z

3

You should sen your form as parameter to the function. You onsubmit code should be "return validasi(this)" Your HTML code should look like this.

<form name="login" action="#" method="POST" onSubmit="return validasi(this)">
<div class=log>My Id</div><div class=log><input type="text" name="username"></div>
<div class=log>Password</div><div class=log><input type="password"  name="sandi"></div>
<div class=log><input id="tombol" type="submit" value="Login" ></div>
</form>

http://jsfiddle.net/xensoft/x8Vdw/

answered Mar 16, 2013 at 9:55

kavin

1,6841 gold badge11 silver badges10 bronze badges

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

1 Comment

kavin Over a year ago

Glad it worked. And as sasi suggested user return true instead of return (true).

Oswald · Accepted Answer · 2013-03-16 09:55:08Z

2

onSubmit="return validasi()" does not pass any parameters to validasi(), but validasi() requires a parameter.

answered Mar 16, 2013 at 9:55

Oswald

31.8k3 gold badges45 silver badges72 bronze badges

Comments

Surya R Praveen · Accepted Answer · 2014-06-19 10:29:36Z

<form name="login" action="#" method="POST" onSubmit="return validasi();">
<div class=log>My Id</div><div class=log><input type="text" name="username"></div>
<div class=log>Password</div><div class=log><input type="password"  name="sandi"></div>
<div class=log><input id="tombol" type="submit" value="Login" ></div>
</form>

    <script language="javascript">
    function validasi(form){

    var x = document.forms["login"]["username"].value;
    var y = document.forms["login"]["sandi"].value;

      if (x == null || x == ""){
        alert("Anda belum mengisikan Username.");
        return false;
        }

      if (y == null || y == ""){
        alert("Anda belum mengisikan Password.");
        return false;
        }
        }
    </script>

Collectives™ on Stack Overflow

Validate a form with JavaScript

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related