创建登陆表单login.html。要求用户在文本框中输入昵称,在密码框中密码,点击“提交”按钮后,借助JAVASCRIPT脚本语言判断用户名不为空。
时间: 2024-09-29 20:14:59 浏览: 31
创建登录表单(login.html)通常会包含HTML结构以及JavaScript交互部分。这是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>登录表单</title>
<script>
function validateForm() {
var nickname = document.getElementById("nickname");
var password = document.getElementById("password");
// 检查昵称是否为空
if (nickname.value.trim() === "") {
alert("请输入您的昵称!");
return false;
}
// 其他密码验证规则...(这里仅检查了昵称,实际应用中需要密码也进行验证)
return true; // 如果验证通过,返回true继续提交表单
}
</script>
</head>
<body>
<form id="loginForm" onsubmit="return validateForm()">
<label for="nickname">昵称:</label>
<input type="text" id="nickname" name="nickname" required><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
在这个例子中,当用户点击“提交”按钮时,`validateForm()`函数会被触发。它获取昵称和密码输入框的值,并检查昵称是否为空。如果昵称为空,会弹出警告并阻止表单提交。如果验证通过,表单会正常提交。
阅读全文