我的代码是......
<form name="myForm" action="demo_form.html" onsubmit="return validateForm()" method="GET">
<input type="text" name="StuserID" id="basic" value="" placeholder="userID" />
<input type="submit" value="Login"/>
因此,当我按下Login时,它将调用方法validateForm()并返回布尔值
function validateForm()
{
var x=document.forms["myForm"]["StuserID"].value;
if (x==null || x=="")
{
alert("Name must be filled out");
return false;
}
}
首先,如果userId为null,则应显示警告“必须填写名称”并返回false。就我而言,它正在成功并转移到demo_form.html。我怎样才能使表单提交并继续到demo_form.html只在函数返回true时才能完成?
其次,如何在按下登录按钮时从表单中获取demo_form.html中的userid?
答案 0 :(得分:3)
你必须使用php文件从html form中检索数据。你的html代码表格应该是
<form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="GET">
<input type="text" name="StuserID" id="basic" value="" placeholder="userID" required />
<input type="submit" value="Login"/>
然后
function validateForm()
{
var x=document.getElementById["StuserID"].value;
if (x=="")
{
alert("Name must be filled out");
return false;
}
else
{
return true;
}
}
您应该使用以下代码来演示demo_form.php文件
<?php
$user = $_GET['StuserID'];
echo $user;
?>
答案 1 :(得分:0)
1)因为false
会阻止表单提交的默认行为。
2)创建会话并在会话变量中使用userid
答案 2 :(得分:0)
我没有确切的错误,但在我的情况下,以下代码可以运行,你也可以试试
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
alert("sdfdfsf");
// return false;
var x=document.forms["myForm"]["StuserID"].value;
if (x==null || x=="")
{
alert("Name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.html" onsubmit="return validateForm()" method="GET">
<input type="text" name="StuserID" id="basic" value="" placeholder="userID" />
<input type="submit" value="Login"/>
</form>
</body>
</html>
你也可以使用jquery函数