HTML注册页面代码

最新推荐文章于 2024-04-15 10:06:08 发布
最新推荐文章于 2024-04-15 10:06:08 发布
阅读量5.2w 收藏 40
点赞数 9
文章标签： html

HTML注册页面代码

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script language="javascript"> 
function checkname(){ 
var div = document.getElementById("div1"); 
div.innerHTML = ""; 
var name1 = document.form1.text1.value; 
if (name1 == "") { 
div.innerHTML = "姓名不能为空！"; 
document.form1.text1.focus(); 
return false; 
} 
if (name1.length < 4 || name1.length > 16) { 
div.innerHTML = "姓名输入的长度4-16个字符！"; 
document.form1.text1.select(); 
return false; 
} 
var charname1 = name1.toLowerCase(); 
for (var i = 0; i < name1.length; i++) { 
var charname = charname1.charAt(i); 
if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) { 
div.innerHTML = "姓名包含非法字母，只能包含字母，数字，和下划线"; 
document.form1.text1.select(); 
return false; 
} 
} 
return true;

}

function checkpassword(){ 
var div = document.getElementById("div2"); 
div.innerHTML = ""; 
var password = document.form1.text2.value; 
if (password == "") { 
div.innerHTML = "密码不位空！"; 
document.form1.text2.focus(); 
return false; 
} 
if (password.length < 4 || password.length > 12) { 
div.innerHTML = "密码长度4-12位"; 
document.form1.text2.select(); 
return false; 
} 
return true; 
}

function checkrepassword(){ 
var div = document.getElementById("div3"); 
div.innerHTML = ""; 
var password = document.form1.text2.value; 
var repass = document.form1.text3.value; 
if (repass == "") { 
div.innerHTML = "密码不位空！"; 
document.form1.text3.focus(); 
return false; 
} 
if (password != repass) { 
div.innerHTML = "输入密码和确认密码长度不一致"; 
document.form1.text3.select(); 
return false; 
} 
return true; 
}

function checkEmail(){ 
var div = document.getElementById("div4"); 
div.innerHTML = ""; 
var email = document.form1.text5.value; 
var sw = email.indexOf("@", 0); 
var sw1 = email.indexOf(".", 0); 
var tt = sw1 - sw; 
if (email.length == 0) { 
div.innerHTML = "电子邮件不能位空"; 
document.form1.text5.focus(); 
return false; 
} 
if (email.indexOf("@", 0) == -1) { 
div.innerHTML = "电子邮件格式不正确，必须包含@符号！"; 
document.form1.text5.select(); 
return false; 
} 
if (email.indexOf(".", 0) == -1) { 
div.innerHTML = "电子邮件格式不正确，必须包含.符号!"; 
document.form1.text5.select(); 
return false; 
} 
if (tt == 1) { 
div.innerHTML = "邮件格式不对。@和.不可以挨着！"; 
document.form1.text5.select(); 
return false; 
} 
if (sw > sw1) { 
div.innerHTML = "电子邮件格式不正确，@符号必须在.之前"; 
document.form1.text5.select(); 
return false; 
} 
else { 
return true; 
}

return ture; 
}

function check(){ 
if (checkname() && checkpassword() && checkrepassword() && checkEmail()) { 
return true; 
} 
else { 
return false; 
} 
} 
</script> 
</head> 
<body> 
<form name="form1" method="post" action="2.html" οnsubmit="return check()"> 
<table> 
<tr> 
<td> 
用户名： 
</td> 
<td> 
<input id="text1" type="text" name="text1" οnblur="check()"> 
<div id="div1" style="display:inline"> 
</div> 
</td> 
</tr> 
<tr> 
<td> 
密码： 
</td> 
<td> 
<input id="text2" type="password" name="text2" οnblur="check()"> 
<div id="div2" style="display:inline"> 
</div> 
</td> 
</tr> 
<tr> 
<td> 
确认密码： 
</td> 
<td> 
<input id="text3" type="password" name="text3" οnblur="check()"> 
<div id="div3" style="display:inline"> 
</div> 
</td> 
</tr> 
<tr> 
<td> 
电子邮件地址： 
</td> 
<td> 
<input id="text4" type="text" name="text4" οnblur="check()"> 
<div id="div4" style="display:inline"> 
</div> 
</td> 
</tr> 
<tr align="center"> 
<td align="center"> 
<input type="submit" value="提交" name="tect6"><input type="reset" value="重置" name="text7"> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html>

huo_bao
关注
  • 9
    点赞
  • 踩
  • 40
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5漂亮的会员登录和注册页面.zip
12-02
好看的注册登录页面，页面优美布局均匀，有独一特色，粉丝私聊免费分享 ，相互探讨相互学习，静态的注册登录页面
用HTML做一个注册页面
m0_60528766的博客
02-06 1万+
学完了HTML的基础知识,做一个小练习巩固一下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册界面</title> </head> <body> <form action="#" method="post"> <table border="1" width="500" align="center"&
HTML网页设计基础——用户注册界面
m0_64365419的博客
11-05 8219
定义表格---->将网页中的表单元素根据上图所示放入不同的行和列中。代码如下： 该实例包含的行和单元格的个数比较多，在书写代码的时候注意不要漏写，可以使用空格隔开，以便于检查。表格后几行的第一个单元格是没有内容的，虽然没有内容，但是还是需要定义空格单元格，这样才能保证和要求的表格一致。
六个好看实用的html简单登录页面源码
爱酷码的博客
03-19 769
六个好看实用的html简单登录页面源码，用在自己的项目中再合适不过了，都是单页，可以减少不必要的开发，效果如下：
用html+css制作简单好看的登陆注册界面
小袁同学的博客
07-19 5万+
注重版权，转载请注明原作者和原文链接 作者：Bald programmer 先看看效果图 login.html代码 <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </head> <style> body{ .
【html+css】html登录注册页面
陈俊卓的博客
07-08 1万+
html页面登录注册代码，包含css样式
HTML实现用户注册页面
qq_64314976的博客
07-14 3万+
HTML实现用户注册页面
登录注册HTML页面代码
热门推荐
zhaochongsi的博客
01-06 8万+
一、注册 创建register.html文件，录入如下代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> form { width:100%;
HTML实现简单注册登录页面
m0_57714421的博客
12-21 1万+
HTML实现注册登录
【HTML+CSS+JS】登录注册页面大合集
lion_no_back的博客
04-25 2万+
登录注册页面改造升级
HTML案例之注册页面
rihjyy的博客
02-07 1万+
HTML案例之注册页面 经过前面的学习，我们已经学了很多的标签和语法了，HTML的学习即将告一段落，我们一起来做一个综合的练习：做一个简单的小说网站的注册页面。 废话不多说，直接上代码： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
html注册页面代码
07-31
html实例，一个简单的注册页面，，，，，，，，，，，，，，，，，，
html注册,html注册页面代码,HTML
05-01
HTML注册登录页面模板，左右切换，用户注册、用户登录两种功能。
HTML5注册页面示例代码
09-28
HTML5写的注册页面，正在学习html5的朋友可以参考下
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】
06-13
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】 简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。 ...
用html实现文字雨
liulang68的博客
04-12 789
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文字雨</title> <style> html, body { height: 100%;
用html写文本变形动画
liulang68的博客
04-15 423
【代码】用html写文本变形动画。
【HTML】制作一个简单的实时字体时钟
qq_70814008的博客
04-11 1489
整体上，这个网页应用程序通过HTML提供了页面结构，CSS赋予了页面美观的样式，而JavaScript则让页面具有动态更新和用户交互的能力。三者共同协作，实现了一个既美观又实用的动态时钟和日期时间转换工具。
html公众号页面实现点击按钮跳转到导航
最新发布
nzz_1214
04-15 300
接口后台为php写的，html页面按照上面的写就可以实现，确实苹果手机和安卓手机的严谨性是不一样的，哈哈，希望会对您有帮助。
html登录注册页面制作代码
12-27
以下是一个简单的HTML登录注册页面的制作代码： ```html <!DOCTYPE html> <html> <head> <title>Login/Register Page</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .container { max-width: 400px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h2 { text-align: center; } input[type="text"], input[type="password"] { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } input[type="submit"] { width: 100%; padding: 10px; background-color: #4CAF50; color: #fff; border: none; border-radius: 4px; cursor: pointer; } input[type="submit"]:hover { background-color: #45a049; } </style> </head> <body> <div class="container"> <h2>Login</h2> <form> <input type="text" placeholder="Username" required> <input type="password" placeholder="Password" required> <input type="submit" value="Login"> </form> </div> <div class="container"> <h2>Register</h2> <form> <input type="text" placeholder="Username" required> <input type="password" placeholder="Password" required> <input type="password" placeholder="Confirm Password" required> <input type="submit" value="Register"> </form> </div> </body> </html> ``` 这段代码创建了一个简单的登录注册页面，包含一个登录表单和一个注册表单。用户可以在登录表单中输入用户名和密码，然后点击登录按钮进行登录。在注册表单中，用户需要输入用户名、密码和确认密码，然后点击注册按钮进行注册。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值