正则登录注册页面代码
时间: 2023-08-06 08:10:25 浏览: 48
这是一个简单的正则表达式登录注册页面的代码示例(使用JavaScript):
```html
<!DOCTYPE html>
<html>
<head>
<title>Login/Register Page</title>
<script type="text/javascript">
function validateLoginForm() {
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
if (email == "") {
alert("Please enter your email address.");
return false;
}
if (!validateEmail(email)) {
alert("Please enter a valid email address.");
return false;
}
if (password == "") {
alert("Please enter your password.");
return false;
}
if (!validatePassword(password)) {
alert("Please enter a valid password. Password must be at least 8 characters long and contain at least one uppercase letter, one lowercase letter, and one number.");
return false;
}
return true;
}
function validateRegisterForm() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
var confirmPassword = document.getElementById("confirmPassword").value;
if (name == "") {
alert("Please enter your name.");
return false;
}
if (email == "") {
alert("Please enter your email address.");
return false;
}
if (!validateEmail(email)) {
alert("Please enter a valid email address.");
return false;
}
if (password == "") {
alert("Please enter your password.");
return false;
}
if (!validatePassword(password)) {
alert("Please enter a valid password. Password must be at least 8 characters long and contain at least one uppercase letter, one lowercase letter, and one number.");
return false;
}
if (confirmPassword == "") {
alert("Please confirm your password.");
return false;
}
if (password != confirmPassword) {
alert("Passwords do not match.");
return false;
}
return true;
}
function validateEmail(email) {
var emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
return emailRegex.test(email);
}
function validatePassword(password) {
var passwordRegex = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\d]{8,}$/;
return passwordRegex.test(password);
}
</script>
</head>
<body>
<h1>Login</h1>
<form method="post" action="login.php" onsubmit="return validateLoginForm()">
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="Login">
</form>
<h1>Register</h1>
<form method="post" action="register.php" onsubmit="return validateRegisterForm()">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br>
<label for="confirmPassword">Confirm Password:</label>
<input type="password" id="confirmPassword" name="confirmPassword"><br>
<input type="submit" value="Register">
</form>
</body>
</html>
```
在这个示例中,我们使用了两个JavaScript函数来验证登录和注册表单数据。`validateEmail()`函数使用正则表达式来检查电子邮件地址是否有效,`validatePassword()`函数使用正则表达式来确保密码至少包含一个小写字母,一个大写字母和一个数字,并且至少有8个字符长。
在HTML中,我们使用了`<input>`元素的`type`属性来定义不同类型的输入字段(例如`type="email"`用于电子邮件输入字段)。我们还使用了`onsubmit`属性来调用我们的JavaScript函数来验证表单数据。如果验证失败,我们使用`alert()`函数来向用户显示错误消息。如果验证成功,表单将被提交给服务器进行处理。
请注意,这只是一个简单的示例,您可以根据需要进行修改和扩展。
相关推荐
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<?php
session_start();
//注销登录
if(@$_GET['action'] == "logout"){
unset($_SESSION['userid']);
unset($_SESSION['username']);
echo '注销登录成功!点击此处 登录';
exit;
}
if(!isset($_POST['submit'])){
exit('非法访问!');
}
$username = htmlspecialchars($_POST['username']);
$password = MD5($_POST['password']);
//包含数据库连接文件
include('conn.php');
//检测用户名及密码是否正确
$check_query = mysql_query("select uid from user where username='$username' and password='$password' limit 1");
if($result = mysql_fetch_array($check_query)){
//登录成功
$_SESSION['username'] = $username;
$_SESSION['userid'] = $result['uid'];
echo $username,' 欢迎你!进入 用户中心
'; echo '点击此处 注销 登录!
'; exit; } else { exit('登录失败!点击此处 返回 重试'); } ?> </body> </html>
'; echo '点击此处 注销 登录!
'; exit; } else { exit('登录失败!点击此处 返回 重试'); } ?> </body> </html>