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

您可以使用将在其中运行javascript的属性onSubmit。如果它返回一个假值，则不会提交，但如果它返回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

你需要在onSubmit事件处理程序中注册你的f1（）作为表单。

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

}

Javascript表单验证，如果无效则无提交

3 个答案: