gpt4 book ai didi

javascript - 验证 HTML 表单并使用 PHP 方法中的 $_GET

转载 作者:行者123 更新时间:2023-12-02 14:37:13 24 4
gpt4 key购买 nike

我正在尝试创建一个登录名,用户输入用户名和密码,然后在单击提交按钮时运行 JavaScript 代码来验证是否已输入字符串。如果结果为 false,则应显示 alert("...")如果属实,则应继续提交。

但是,当我去验证提交时,它不会将其带到链接的 php 文件,而是将我带到 index.php(这不是我链接到的文件),给我一个 404 错误,指出链接错误或已过时,我不明白为什么或在哪里错误链接它。

////HTML////

<html>
<head>

<script type="text/javascript">
function validateThis() {
var username = document.getElementById('username');
var password = document.getElementById('userpass');
if ((username.value =="") || (password.value == "")) {
alert("Please enter your details");
return false;
}

else {
return true;
}
}
</script>
</head>

<body>
<form id="myForm" name="myForm" action="loginValidate.php"
method="get" onSubmit="validateThis()">

<input type="text" name="username"/>
<input type="password" name="userpass"/>
<input type="submit" value="Login"/>

</form>

</body>
</html>

////PHP////

<?php

$username = $_GET ['username'];
echo "Hello".$username;

?>

最佳答案

您正在通过 Id (getElementById) 检查元素,并且应该使用 getElementsByName。您还可以使用 document.forms['myForm'].username.value == "",即:

<html>
<head>
<script type="text/javascript">
function validateThis(){
if(document.forms['myForm'].username.value == "")
{
alert("empty");
return false;
}
return true;
}
</script>
</head>
<body>
<form id="myForm" name="myForm" action=""
method="get" onSubmit="validateThis()">
<input type="text" name="username"/>
<input type="submit" value="Login"/>
</form>
</body>
</html>
<?php
echo !empty($_GET['username']) ? "Hello ". $_GET['username'] : "";
?>

PHPFIDDLE DEMO

关于javascript - 验证 HTML 表单并使用 PHP 方法中的 $_GET,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37357670/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com