JavaScript表单验证，如果无效无提交

Question

FRNDS我需要一些帮助.. 在这段代码我已经验证了2个文本框。 帮助，我需要的是一旦没有数据的形式不应该转到check.php但有一个JavaScript警告框被输入：无效数据 我需要这在Javascript ...

function f1() 
{ 
    var v1=document.getElementById("uname").value; 
    var v2=document.getElementById("pass").value; 
if(v1=="" || v2=="") 
alert("Please Fill It..!"); 

} 

Username:<input type="text" id="uname" placeholder="username" title="Enter your Username" name="uname"/> 
Password: 
<input type="password" id="pass" placeholder="password" title="Enter your password" name="pass"/> 
<input type="submit" value="Login"/> 
<input type="reset" value="clear"/> 

</form> 

Answer 1

试试这个：

function f1() 
{ 
    var v1=document.getElementById("uname").value; 
    var v2=document.getElementById("pass").value; 
    if(v1=="" || v2=="") 
    { 
     alert("Please Fill It..!"); 
     return false; 
    } 
} 

与功能的问题是，默认情况下它返回true，提交表单。您需要返回false以防止表单提交。

Answer 2

您可以使用属性onSubmit将在它运行的JavaScript。如果它返回一个值falsy，提交将无法进行，但如果它返回true，提交将会作出修改。

<form method="POST" onSubmit="return f1()"> 
Username:<input type="text" id="uname" placeholder="username" title="Enter your Username" name="uname"/> 
Password: 
<input type="password" id="pass" placeholder="password" title="Enter your password" name="pass"/> 
<input type="submit" value="Login"/> 
<input type="reset" value="clear"/> 

</form> 

F1必须返回true或false

Answer 3

您需要注册您的F1（）为形式的onsubmit事件处理函数。

<form action="formaction" method="post" onsubmit="f1()"> 
Username:<input type="text" id="uname" placeholder="username" title="Enter your Username" name="uname"/> 
Password: 
<input type="password" id="pass" placeholder="password" title="Enter your password" name="pass"/> 
<input type="submit" value="Login"/> 
<input type="reset" value="clear"/> 
</form> 

function f1() 
{ 
    var v1=document.getElementById("uname").value; 
    var v2=document.getElementById("pass").value; 
    if(v1=="" || v2=="") return false; 

}