0

我需要一些帮助。在这段代码中，我验证了 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>
4

3 回答 3

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 以防止表单提交。

于 2013-02-02T11:31:15.350 回答
0

您需要将 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;

}
于 2013-02-02T11:36:33.760 回答
0

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

于 2013-02-02T11:32:07.550 回答