javascript基础教程

最新推荐文章于 2023-07-22 11:20:50 发布
最新推荐文章于 2023-07-22 11:20:50 发布
阅读量1.9k 收藏 1
点赞数 2
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KarlDoenitz/article/details/8182399
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!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>Regist</title>
<link rel="stylesheet" href="css/RoundedCorner.css" type="text/css" media="all">

<style type="text/css">
#main {
	height: 600px;
	width: 800px;
	margin: auto;
}
#line {
	color: #F60;
	height: 1px;
	width: 90%;
	background-color: #F63;
	margin: auto;
}
nav,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
li{list-style-type:none;}
/*main nav*/
#nav{
	background:url('images/nav_li_bg.gif') repeat-x top;
	height:37px;
	position:relative;
	width:988px;
	margin:20px auto;
	font-size: 12px;
}
#nav .l{ background:url('images/nav_li_left.gif') no-repeat top; height:37px;width:78px; float:left}
#nav .r{width:82px;background:url('images/nav_li_right.gif') no-repeat right top;height:37px;float:left;}
#nav li { float:left;}
#nav li .v a{ width:138px;height:37px; line-height:32px; display:block; color:#FFF;float:left;font-weight:bold;text-decoration:none;text-align:center;}
#nav li .v a:hover,#nav li .v .sele{
	width:138px;
	background:url('images/nav_li_hover.gif') no-repeat top;
	color:#fff;
	height:37px;
	line-height:37px;
	color:#d11515;
	font-size: 12px;
}
</style>
<script type="text/javascript">
function check()
{
	var username=document.getElementById("username").value;
	var password=document.getElementById("password").value;
	var repassword=document.getElementById("repassword").value;
	var email=document.getElementById("email").value; 
	var apos=email.indexOf("@");
	var dotpos=email.lastIndexOf(".");
	 var phoneNum=document.getElementById("phonenum").value;
     var qqName=document.getElementById("qqnum").value;
     var Blog=document.getElementById("blog").value;
     var School=document.getElementById("school").value;
     var checkOK = "0123456789-_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
     var checkStr = username;
     var allValid = true;
     var decPoints = 0;
	if(username.length<1)
		{
		 alert("用户名不能为空！");
		 return false;
		}
	if(username.length>20||username.length<3){
		alert("用户名必须在3~20个字符之间！");
		return false;
	}
	if(password.length<1)
		{
		alert("密码不能为空！");
		return false;
		}
	if(password.length>20||password.length<3)
		{
		alert("密码必须在3~20个字符之间！");
		return false;
		}
	if(password!=repassword)
		{
		 alert("两次输入的密码不相符！");
		 return false;
		}
	if(email.length<1)
		{
		alert("email必填内容！");
		return false;
		}
	if(email.match("@")==null||apos<1||dotpos-apos<2)
	{
		alert("不是有效的email地址！");
		return false;
	}
	for (i = 0; i < checkStr.length; i++)
     {
      ch = checkStr.charAt(i);
      for (j = 0; j < checkOK.length; j++)
      if (ch == checkOK.charAt(j))
      break;
       if (j == checkOK.length)
       {
        allValid = false;
        alert("用户名只能是英文和数字的组合");
        windows.location="www.baidu.com";
        break;
       }
      }
      if(allValid){
         alert("跳转到servlet");
         window.location.href="../../regist2?userName="+username+"&passWord="+password+"&Email="+email+"&phoneNum="+phoneNum+"&qqName="+qqName+"&Blog="+Blog+"&School="+School;
         alert("跳转到servlet失败");
      }
    
	return true;
	}
</script>
</head>

<body>
<DIV id=nav>

<DIV class=l></DIV>
<UL class=c>
  <LI><SPAN class=v><A href="http://www.duice.net" target="_blank">首页</A></SPAN> 
  <LI><SPAN class=v><A href="#">购物</A></SPAN> 
  <LI><SPAN class=v><A href="#">日志</A></SPAN> 
  <LI><SPAN class=v><A href="#">电子商务</A></SPAN> 
  <LI><SPAN class=v><A href="#">网络营销</A></SPAN> 
  <LI><SPAN class=v><A href="#">关于我们</A></SPAN> 
  </UL>
 <DIV class=r></DIV>
</DIV>
</div>
<br>
<br>
<div id="main">
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
  <p><br>
    <font size="+2" color="#FF6610"><b>   填写会员信息</b></font>
  <div id="line"> 
  </div>
  </p>
  <form  οnsubmit="return check()" action="" method="post">
  <table width="527" height="52" id="RegistTable">
    <td width="139"><div align="right"><font color="#FF0000">*</font>用户名：</div></td><td width="376"><input name="userName" value="" id="username"  size="40" type="text" maxlength="16" οnblur="AjaxSubmit();" οnfοcus="Submit()"/><div id="Ajax"></div><br></td><tr>
      <td><div align="right"></div></td><td><font size="-3">（ 5-20位字母、数字或下划线组合，首字符必须为字母。）</font><br><br></td></tr>
<tr>
  <td><div align="right"><font color="#FF0000">*</font>密码：</div></td><td><input name="passWord" id="password" value="" type="password" size="40" maxlength="16"/><br></td></tr>
    <td><div align="right"></div></td>
<td><font size="-3">（ 为了您的帐户安全，强烈建议您的密码使用字符+数字等多种不同类型的组合，并且密码长度大于5位。）</font><br><br></td></tr>
    <td><div align="right"><font color="#FF0000">*</font>在此输入密码：</div></td><td><input name="repassWord" id="repassword" value="" type="password" size="40" maxlength="16"/><br></td>
<tr>
  <td><div align="right"></div></td><td><font size="-3">（ 确保密码输入正确。）</font><br><br></td></tr>
  <td><div align="right"><font color="#FF0000">*</font> E-mail：</div></td><td><input name="Email" value="" id="email"  size="40" type="text"/><br></td><tr>
    <td><div align="right"></div></td><td><font size="-3">（ 请填写正确的邮箱地址！）</font><br><br></td><tr></tr>
  <td><div align="right"><font color="#FF0000">*</font>注册条款：<br>
        <br>
  </div></td><td><input name="TermsofService" id="terms_of_service" type="checkbox" /> 我已仔细阅读并接受<a href="#">IU校园报注册条款</a><br><br></td><tr></table>
  <br><font size="+2" color="#FF6610"><b>    选填信息</b></font><br><br>
  <div id="line2"> 
  </div>
  <br>
  <table width="523">
  <td><div align="right">手机号 : <br><br>
  </div></td><td><input id="phonenum" name="phoneNum" size="40" type="text"/><br><br></td><tr>
  <td><div align="right">qq号 ：<br><br> </div></td><td><input id="qqnum" name="qqName" size="40" type="text"/><br><br></td><tr>
  <td><div align="right">博客（微博）：<br><br></div></td><td><input id="blog" name="Blog" size="40" type="text"/><br><br></td><tr>
  <td><div align="right">公司(学校) ：<br><br></div></td><td><input id="school" name="School" type="text" size="40"/><br><br></td><tr>
  <td> </td><td><input id="submit1" name="Submit" type="submit" value="提交"/></td>
  </table>
  
  <br>
<br>
</form>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<div id="Statement">
<table id="statement">
<td>公司简介</td>
<td>|</td>
<td>招贤纳士</td>
<td>|</td>
<td>广告服务</td>
<td>|</td>
<td>联系方式</td>
<td>|</td>
<td>版权声明</td>
<td>|</td>
<td>法律顾问</td>
<td>|</td>
<td>问题报告</td>
<td>|</td>
</table>

</div>
</div>
</body>
</html>

KarlDoenitz
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript基础教程新手入门必看
jinmu520的博客
03-29 1424
对前端稍微有点了解的初学者都知道，JavaScript是必不可少的工具。毫不夸张的说，大部分网页都使用了JavaScript，想要成为一个优秀的前端工程师，做出漂亮令用户满意的网页，熟练掌握JavaScript是一个必备技能。本文为新手整理了一篇JavaScript基础教程入门指南，希望可以帮助编程小白可以更加轻松的掌握JavaScript。 零基础新手要开始JavaScript的学习，第一步就...
JavaScript基础教程
06-05
通过学习这个"JavaScript基础教程"，你将能够掌握JavaScript的基础语法，理解DOM操作，了解AJAX的工作原理，并逐渐熟悉ES6的新特性。同时，你还将接触到JavaScript在实际开发中的应用，包括使用框架和库提高开发效率...
Javascript 基础教程 阮一峰
MichaelAn的博客
02-13 981
Javascript 基础教程 阮一峰 2021-11-16 阮一峰推荐的入门教程，重在查漏补缺 https://wangdoc.com/javascript/index.html 第一章 入门 JS 是一个脚本语言，必须依托于一个环境(浏览器或者服务器) JS 自己可以实现简单的语法和自身的对象，更重要的调用宿主...
JavaScript 教程 （详细 全面）
热门推荐
梁辰兴的博客
10-31 7万+
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。HTML 用来定义网页的内容，例如标题、正文、图像等；CSS 用来控制网页的外观，例如颜色、字体、背景等；JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。JavaScript 诞生于 1995 年，几乎是和互联网同时出现；
JavaScript基础教程（第8版).pdf
u011200527的博客
04-16 1389
JavaScript基础教程（第8版).pdf
Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
全村的希望的博客
12-29 4876
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结 第24章  JavaScript简介   1、HTML是网页的结构，CSS是网页的外观，而JavaScript是网页的行为；   2、推荐2个前端开发工具：Hbuilder和vscode。建议初学者使用Hbuilder；   3、JavaScript常用引入方式有3种：①外部JavaScript；
JavaScript基础教程——入门必看篇
poptxz的博客
11-06 2072
JavaScript他是一种描述性语言，其实他并不难学，只要用心学，一定会学好，我相信大家在看这篇文章的时候，一定也学过HTML吧，使用JavaScript就是为了能和网页有更好的交互，下面切入主题。 一. JavaScript 1.什么是JavaScript JavaScript是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安
Javascript初级教程（适合新手）
Ashboon的博客
07-22 1916
1)定义变量的三要素 :var 变量名 = 初始化值; 2)定义所有的变量都是var,而且var可以省略不写! 3)js中,变量可以重复定义的,后面的值将前面的值覆盖!在js中定义函数的格式function 函数名(参数名1,参数名2,....){完成的函数的逻辑return 结果;//返回结果调用函数:赋值调用:var 变量名= 函数名(实际参数1,实际参数2..)以下为简单的函数实例var m = prompt("请输入一个数")
javaScript基础教程
Democreen
12-17 815
<br />http://www.iselong.com/online/ebooks/javascript/<br /> <br />不错的一个网址
Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
全村的希望的博客
12-11 4539
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结 第11章  CSS简介   1、HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。   2、CSS的出现就是为了改造HTML单调的默认外观。   3、CSS引入方式有3种：外部样式表、内部样式表、行内样式表。   4、在实际开发中，一般都是使用外部样式表 第12章
jsjavascript基础教程.zip
05-09
javascript基础 javascript游戏开发之贪吃蛇项目 javascript高级 nodejs开发 nosql数据之Mongodb 【javascript基础】 01-javascript的概述.md 02-字面量和变量.md 03-数据类型和typeof操作符.md 04-运算符.md 05-...
wx470校园保修系统小程序-springboot+vue+uniapp.zip（可运行源码+sql文件+文档）
07-20
基于web的校园报修系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，总之，基于web的校园报修系统集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。 学生信息管理页面，此页面提供给管理员的功能有：学生信息的查询管理，可以删除学生信息、修改学生信息、新增学生信息，还进行了对用户名称的模糊查询的条件。维修人员管理页面，此页面提供给管理员的功能有：查看已发布的维修人员数据，修改维修人员，维修人员作废，即可删除，还进行了对维修人员名称的模糊查询 维修人员信息的类型查询等等一些条件。故障上报管理页面，此页面提供给管理员的功能有：根据故障上报进行条件查询，还可以对故障上报进行新增、修改、查询操作等等。论坛信息管理页面，此页面提供给管理员的功能有：根据论坛信息进行新增、修改、查询操作等等。
wx447火锅店点餐系统-ssm+vue+uniapp.zip（可运行源码+sql文件+文档）
07-20
本火锅店点餐系统采用Java语言和Vue技术，框架采用SSM，搭配Mysql数据库，运行在Idea里，采用小程序模式。本火锅店点餐系统提供管理员、用户两种角色的服务。总的功能包括菜品的查询、菜品的购买、餐桌预定和订单管理。本系统可以帮助管理员更新菜品信息和管理订单信息，帮助用户实现在线的点餐方式，并可以实现餐桌预定。本系统采用成熟技术开发可以完成点餐管理的相关工作。 本系统的功能围绕用户、管理员两种权限设计。根据不同权限的不同需求设计出更符合用户要求的功能。本系统中管理员主要负责审核管理用户，发布分享新的菜品，审核用户的订餐信息和餐桌预定信息等，用户可以对需要的菜品进行购买、预定餐桌等。用户可以管理个人资料、查询菜品、在线点餐和预定餐桌、管理订单等，用户的个人资料是由管理员添加用户资料时产生，用户的订单内容由用户在购买菜品时产生，用户预定信息由用户在预定餐桌操作时产生。 本系统的功能设计为管理员、用户两部分。管理员为菜品管理、菜品分类管理、用户管理、订单管理等，用户的功能为查询菜品，在线点餐、预定餐桌、管理个人信息等。 管理员负责用户信息的删除和管理，用户的姓名和手机号都可以由管理员在此功能里看到。管理员可以对菜品的信息进行管理、审核。本功能可以实现菜品的定时更新和审核管理。本功能包括查询餐桌，也可以发布新的餐桌信息。管理员可以查询已预定的餐桌，并进行审核。管理员可以管理公告和系统的轮播图，可以安排活动。管理员可以对个人的资料进行修改和管理，管理员还可以在本功能里修改密码。管理员可以查询用户的订单，并完成菜品的安排。 当用户登录进系统后可以修改自己的资料，可以使自己信息的保持正确性。还可以修改密码。用户可以浏览所有的菜品，可以查看详细的菜品内容，也可以进行菜品的点餐。在本功能里用户可以进行点餐。用户可以浏览没有预定出去的餐桌，选择合适的餐桌可以进行预定。用户可以管理购物车里的菜品。用户可以管理自己的订单，在订单管理界面里也可以进行查询操作。
【独家首发】Matlab实现金枪鱼优化算法TSO优化Transformer-BiLSTM实现负荷数据回归预测.rar
07-20
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
物联网工程_基于ZigBee技术的图书馆节约用电管理系统设计.docx
07-20
物联网工程_基于ZigBee技术的图书馆节约用电管理系统设计
算法与数据结构 分布式算法课程 第13章 实用互斥算法.具有读-修改-写操作的算法 共72页.pdf
最新发布
07-20
【课程大纲】 第01章 简介 共68页.pdf 第02章 分布式算法简介 共59页.pdf 第03章 集群领导选举 分布式锁 共83页.pdf 第04章 通用同步网络的集群领导选举 共69页.pdf 第05章同步网络中的基础计算 共76页.pdf 第06章 分布式一致性 共48页.pdf 第07章 Byzantine协议 共34页.pdf 第08章 异步系统模型 共47页.pdf 第09章 基本异步网络算法 共71页.pdf 第10章 同步化器 共39页.pdf 第11章 异步共享内存系统 共49页.pdf 第12章 ASM - Peterson’s算法 共43页.pdf 第13章 实用互斥算法.具有读-修改-写操作的算法 共72页.pdf

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值