Проверка формы с JavaScript

Question

мне нужно проверить форму с Javascript

Вот моя форма:

<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> 

... и проверка JS:

<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> 

Однако, JS не работает. Пожалуйста, помогите мне решить проблему.

Answer 1

Вы должны передать свою форму в качестве параметра функции. Вы должны указать код «return validasi (this)» Ваш код HTML должен выглядеть следующим образом.

<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/

Answer 2

onSubmit="return validasi()" не передает никаких параметров validasi(), но validasi() требует параметров.

Answer 3

<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>