2016-04-13 12 views
0

Basit bir Javascript form doğrulayıcı yazıyorum, ancak çalıştırdığımda, hiçbir şey yapmıyor.Basit Javascript bir şey yapmıyor, konsolda hata yok

function submitFunction() 
{ 
    var x = document.forms["myForm"]["username"].value; 
    var y = document.forms["myForm"]["pwd"].value; 
    if(x == null || x == "" || y == null || y == "") 
    { 
    alert("Both fields cannot be empty"); 
    } 
    else 
    { 
    alert("Username" + x + " Password: " + y); 
    } 
} 

Basit bir şey mi eksik? senin onSubmit geri arama doğru işlevini çağırarak değil, ve submitFunction sağ formu kimliğini erişmiyor:

<div id="register"> 
<form name='registration' id="registration" onSubmit="return  formValidation()"> 

Username: <input type="text" name="username"><br> 

Password: <input type="password" name="pwd"><br> 
<input type="submit" value="Submit"> 
</form> 
</div> 
+4

işlevini ne çağırır? – Pointy

+0

Sorun değil, ancak .value özelliği hiçbir zaman geri dönmeyeceği için boş değerler sınamanıza gerek olmadığını unutmayın. – nnnnnn

+0

Konsoldaki hatalar için kontrol ettiniz mi? – gavgrif

cevap

2

Burada iki noktanın:

böyle denir. beklendiği gibi

Bu çalışması gerekir:

HTML:

<div id="register"> 
<form name='registration' id="registration" onSubmit="return submitFunction()"> 

Username: <input type="text" name="username"><br> 

Password: <input type="password" name="pwd"><br> 
<input type="submit" value="Submit"> 
</form> 
</div> 

Javascript:

function submitFunction(){ 

    var x = document.forms["registration"]["username"].value; 
    var y = document.forms["registration"]["pwd"].value; 
    if(x == null || x == "" || y == null || y == "") 
    { 
    alert("Both fields cannot be empty"); 
    return false; 
    } 
    else 
    { 
    alert("Username" + x + " Password: " + y); 
    } 
} 

http://codepen.io/shshaw/pen/yOKoaG?editors=1010

İlgili konular