当前位置：文档之家 › 实验报告JavaScript验证表单

实验报告JavaScript验证表单

  • 格式：doc
  • 大小：42.00 KB
  • 文档页数：3
document.form1.zczh.focus();
return false;
}
if(document.form1.zhmm1.value=="")
{
window.alert("请输入帐号密码");
document.form1.zhmm1.value="";
document.form1.zhmm1.focus();
五、实验结果提交与成绩评定
1、提交用客户端验证的表单页面
六、教学后记
表单客户端验证可以减轻服务器负担，使得客户端反应更快。
（2）、“帐号密码”和“确认密码”一致；
（3）、“帐号密码”位数为6-20位
代码如下：
<script language="javascript">
function check()
{
if(document.form1.zczh.value=="")
{
window.alert("请输入注册帐号");
document.form1.zczh.value="";
{
window.alert("密码长度范围必须在6和20之间");
document.form1.zhmm1.value="";
document.form1.zhmm2.value="";
document.form1.zhmm1.focus();
return false;
}
return true;
}
</script>
{
window.alert("两次密码不一致，请重新输入");
document.form1.zhmm1.value="";
document.form1.zhmm2.value="";
document.form1.zhmm1.focus();
return false;
}
if(document.form1.zhmm1.value.length<6|| document.form1.zhmm1.value.length>20)
建立如下表单
把注册帐号、帐号密码、确认密码对应的文本框名称分别改为：zczh、zhmm1、zhmm2。
3、编写事件驱动代码
在提交按钮的代码中加入事件驱动代码：
onclick="return check()"
4></head>中插入客户端验证代码，主要保证
（1）、“注册帐号”、“帐号密码”、“确认密码”非空；
return false;
}
if(document.form1.zhmm2.value=="")
{
window.alert("请输入确认密码");
document.form1.zhmm2.value="";
document.form1.zhmm2.focus();
return false;
}
if(document.form1.zhmm1.value!=document.form1.zhmm2.value)
JavaScript验证表单实验
一、实验目的
1、掌握使用JavaScript验证表单的方法
二、实验环境
Dreamweaver
三、注意事项
1、JavaScript不容易调试，在写代码时需格外注意
2、JavaScript区分大小写
四、实验内容及步骤
1、演示使用JavaScript制作的客户端验证的网页
2、修改表单

合集下载

JSP实验报告

JSP实验报告


document.form1.email.focus();
return false;
}
if (document.form1.pass.value.length<6)
{window.alert("Password too short");
document.form1.pass.focus();
return false;
实验 2
实训名称
HTML 与 JavaScript 使用
实训地点
实训时间
3.8
实训目的
掌握 html 网页设计的基础语言
实训任务及要求 1.利用 WD 软件用 html 语言设计一个用户注册表单 reg.html
实训过程与内容 心得
1 运行 Dreamweaver 程序并新建一个 html 文件，设计用户注册表单， 代码如下： <form method="get" name="form1" action="formdeal.jsp">
}
if
((document.form1.email.value.indexOf('@',0)==-1)||(document.form1.email.value.indexOf('.',0)==-1))
{window.alert("email wrong");
document.form1.email.focus();
码,如果用户名和密码与设置的一致则显示出来,否则跳转回 login.jsp 重新登录
1 登录框表单 login.jsp 核心代码 <form method="POST" action="login.jsp">
javascript 的使用(实验报告)

javascript 的使用(实验报告)

实验七 Javascript的使用
学号 201114004 姓名王渝迪专业计算机科学与技术成绩
【实验目的】
Javascript的使用。

【实验内容】
1、熟悉Dreamweaver软件的环境；
2、会使用基本的Javascript语言进行简单的网页设计。

【实验步骤】
1，打开dreamaver，新建基本页命名文档名字；
2，单击站点，选择新建站点，因为不打算做动态网页所以选择最基本及好了，不用写服务器ip，也不用服务器技术。

最后选择要存储的文件夹，最好把所有图片也建一个文件夹；
3，做网页的时候可以是代码页面也可以是设计页面，还可以是拆分页面，在网页面写出自己想显示的内容；
3，将script的类型定义为javascript,以<!—开始
【实验结果】
加载后：
Mouseoverr：
Mouseout：
【实验心得和体会】
这次的实验，我用Javascript语言设置并实现了一些简单的功能，跟我们平时所做的编程语言也有很大的不同。

虽然根据老师所演示的例子以及老师课堂上所讲解的东西我完成了此次作品，但是要想更深一步去了解使用Javascript语言，这需要在接下来的学习过程中不断自己总计。

javascript实训报告

javascript实训报告

javascript实训报告一、介绍在这篇报告中，将详细介绍我参与的JavaScript实训项目。

本项目旨在通过实际操作，提升我们对JavaScript语言的理解和应用能力。

以下是我在实训过程中的学习、实施和成果总结。

二、学习阶段1. JavaScript基础知识学习在实训开始之前，我们首先进行了JavaScript基础知识的学习。

学习内容包括语法、变量、数据类型、运算符、条件语句、循环语句等。

通过阅读教材、观看视频教程和完成小练习，我们对JavaScript的基础知识有了初步的了解和掌握。

2. 实际案例学习为了更好地理解JavaScript的应用，我们学习了一些实际案例。

这些案例包括表单验证、轮播图、动态菜单等常见的JavaScript应用。

通过观察这些案例的源代码，并自己模仿编写相似的功能，我们学会了如何将JavaScript应用到实际项目中。

三、实施阶段1. 项目选择在实施阶段，我们需要选择一个实际的项目来应用我们所学的JavaScript知识。

我选择了一个网站的前端页面作为我的项目。

这个网站是一个在线购物网站，使用JavaScript来实现一些核心功能，比如商品展示、购物车管理和用户登录等。

2. 项目分析与设计在开始实施之前，我对我的项目进行了详细的分析和设计。

我列出了各个功能点，并确定了它们的实现方式和先后顺序。

同时，我还绘制了页面的草图和交互流程图，以便更好地组织和呈现我的项目。

3. 项目开发在实际开发过程中，我按照项目设计的步骤一步一步地进行。

我运用JavaScript来实现了商品展示功能，包括商品列表、商品分类和商品搜索等。

我还使用JavaScript来管理购物车，实现了添加商品、删除商品和计算总价的功能。

最后，我实现了用户登录功能，使用JavaScript 来验证用户的输入信息，并进行登录状态的管理。

四、成果总结通过这次实训项目，我对JavaScript的掌握程度有了很大的提升。

JavaScript实验实训内容

JavaScript实验实训内容

JavaScript表达式和逻辑控制语句的使用实验一一．实验目的掌握JavaScript的变量；掌握JavaScript的数据类型；掌握JavaScript的运算符；掌握JavaScript的逻辑控制语句。

二．实验内容1、声明一个变量str，为其赋值"Hello World!"，显示该值；改变该变量值为"Hello China!"，然后再显示该值。

2、将1~10之间的奇偶数分开，页面呈现方式如下：3、任意输入一个年份，判断是否为闰年。

实验二函数部分一．实验目的掌握JavaScript的常用函数；二．实验内容编写一个函数，在页面上输出1~1000之间所有能同时被3，5，7整除的证书，并要求每行显示6个这样的数。

ex050303.htm<html><head><script language=javascript><!--function IsThatNumber(x){return x%3==0 && x%5==0 && x%7==0;}//--></script></head><body><pre><script language=javascript><!--var n,nb=0;for(n=1;n<1000;n++){if (IsThatNumber(n)){if (nb%6 > 0) document.write(",");nb++;document.write(n);if (nb%6 == 0) document.write("\n");}}document.write("\n\n");document.write("共有"+nb+"个数");//--></script></pre></body></html>实验三实验目的：常用函数的使用。