实验要求: 1、利用DreamWeaver设计一个表单,至少要有登录用户,密码输入,提交按钮; 2、提交后,在后台查询数据库中的用户名和密码,并验证输入的登录信息,并通过Javascript的alert函数,显示一个登录信息,分别根据用户名和密码是否正确,显示是否正确登录。
时间: 2024-04-11 17:26:46 浏览: 29
好的,我明白了你的实验要求。首先,你需要使用DreamWeaver设计一个表单,包含登录用户名、密码输入框和提交按钮。
以下是一个简单的示例代码,你可以在DreamWeaver中创建一个新的HTML文件,然后将以下代码粘贴到文件中进行编辑:
```html
<!DOCTYPE html>
<html>
<head>
<title>登录表单</title>
<script>
function validateForm() {
// 获取输入的用户名和密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 在此处编写查询数据库的逻辑,验证用户名和密码是否正确
// 这里只是一个简单的示例,实际应用中需要连接数据库进行验证
// 假设数据库中的用户名和密码分别为 "admin" 和 "password"
if (username === "admin" && password === "password") {
alert("登录成功!");
} else {
alert("用户名或密码不正确!");
}
}
</script>
</head>
<body>
<h1>登录表单</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="button" value="提交" onclick="validateForm()">
</form>
</body>
</html>
```
上述代码中,我们使用了一个JavaScript函数 `validateForm()` 来验证登录信息。在该函数中,我们获取了输入的用户名和密码,并在此处编写了一个简单的验证逻辑。实际应用中,你需要连接数据库并编写查询逻辑来验证用户名和密码是否正确。
当用户点击提交按钮时,会调用 `validateForm()` 函数进行验证,并通过JavaScript的 `alert()` 函数在页面上显示登录信息。
请注意,这只是一个简单的示例,实际应用中还需要进行更严格的输入验证和安全性考虑。