WEB实验题目及代码.pdfVIP

JavaScript基础训练

一、实验目的：

编写JavaScript代码，熟悉并掌握JavaScript的基本语法、控制结构及函数，掌握

JavaScript预定义对象、浏览器对象的使用

二、实验内容：

在MyEclipse环境下编写JavaScript代码，调入或嵌入HTML页面中。

三、实验要求：

1.熟悉并掌握JavaScript的基本语法、控制结构及函数；

2.掌握JavaScript预定义对象、浏览器对象的使用；

3.将JavaScript代码嵌入或调入HTML页面，并完成指定效果；

4.写出实验报告。

四、实验学时：2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个WebProject；

2.新建一个HTML网页，网页上有一个姓名输入框、密码输入框、性别单选按钮组和

一个提交按钮，要求用户提交时检查姓名不能为空，密码长度在6到10位之间，性别

项不能为空，如果不符合标准则不允许提交，并提示相应错误信息；

3.在完成P92第5题的基础上实现计算功能

【第3题注释：】parseFloat()函数将字符串转变成浮点数

html

head

title客户端表单简单验证/title

functioncheckForm(){

varusername=document.myForm.userName.value;

用户名不能为空用户名不能为空

//调用表单元素对象的focus方法使得该表单元素对象

重新获得输入焦点

document.myForm.userName.focus();

returnfalse;

}

varp=document.myForm.pwd.value;

密码不能为空密码不能为空

document.myForm.pwd.focus();

returnfalse;

}

if(p.length6||p.length10)

密码长度不符合!长度在6-10之间之间

document.myForm.pwd.focus();

returnfalse;

}

varxb=document.myForm.gender;

varflag=false;

for(vari=0;ixb.length;i++){

if(xb[i].checked){

flag=true;

}

}

if(!flag){

请选择性别！请选择性别！

returnfalse;

}

}

/script

/head

body

table

tr

td用户名：/td

/tr

tr

td密码:/td

/tr

tr

td性别：/td

td