实验五 JavaScript实例 实验报告模板 - 副本 - 副本 (3)
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
cities['广东省']=new Array('广州市', '清远市', '韶关市', '河源市', '梅州市', '潮州市', '汕头市', '揭阳市', '汕尾市', '惠州市', '东莞市', '深圳市', '珠海市', '江门市', '佛山市', '肇庆市', '云浮市', '阳江市', '茂名市', '湛江市');
haveLetter=true;
else
{haveLetter=false;haveNumber=false;break;
}
}
if(!haveLetter||!haveNumber){
div2.innerHTML="密码非法"
ff.tpsw.focus()
return false;
}
div2.innerHTML="验证通过";;
function emptyqrmima(){
if(!ii){
div22.innerHTML="请再次输入密码"
ii=1
}}
function emptymima(){
if (!ij)
{div2.innerHTML="设置您的密码，由6-12位小写字母和数字混合的字符组合"
ij=1}
}
function checkForm(){
jishu=jishu+1
}
function checkage(){
var age=ff.tage.value;
if(age==""||isNaN(age)||parseInt(age)<1){
div5.innerHTML="年龄非法"
ff.tage.focus();
return false;
}
div5.innerHTML="验证通过";
完成用户注册页面的设计，实现表单的有效性验证。
1．练习网页表格布局；
2．练习HTML表单及表单控件；
3．使用JS实现表单有效性验证；
4．使用div显示提示信息。
二、实验内容：
1．设计网站用户注册页面，综合应用表格、表单等，具体要求：
用户文本框：要求长度6-12位；
密码框：要求长度6-12位；字母数字的组合，不能有其他字符；
div1.innerHTML="用户名长度错误"
ff.tname.focus();
return false;
}
div1.innerHTML="验证通过"
jishu=jishu+1
}
function checkmima(){
if(ff.tpsw.value==""){
ff.tpsw.focus();
return false;}
jishu=jishu+1
}
function checklike(){
var count=0;
for(i=0;i<4;i++)
if(ff.enjoy[i].checked==true)
count++;
if(count<2){
div6.innerHTML="至少选择两项"
return false;
}
div6.innerHTML="验证通过";
cities['天津市']=new Array('天津市区', '天津市辖区');
cities['重庆市']=new Array('重庆市区', '重庆市辖区');
cities['河北省']=new Array('石家庄', '张家口市', '承德市', '秦皇岛市', '唐山市', '廊坊市', '保定市', '沧州市', '衡水市', '邢台市', '邯郸市');
jishu=jishu+1
}
function checkphoto(){
if(ff.textfield2.value.length!=11){
div8.innerHTML="手机号码位数有误"
ff.textfield2.focus();
return false;
}
if(ff.textfield2.value.charAt(0)>1||ff.textfield2.value.charAt(0)<1){
表单提交之前对表单进行有效性验证，如有错误，阻止提交；
三、实验步骤：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">var ii=0;var ij=0;var jishu=0;
cities['湖北省']=new Array('武汉市', '十堰市', '襄攀市', '荆门市', '孝感市', '黄冈市', '鄂州市', '黄石市', '咸宁市', '荆州市', '宜昌市', '省直辖行政单位'
, '恩施土家族苗族自治州', '襄樊市');
cities['湖南省']=new Array('长沙市', '张家界市', '常德市', '益阳市', '岳阳市', '株洲市', '湘潭市', '衡阳市', '郴州市', '永州市', '邵阳市', '怀化市', '娄底市', '湘西土家族苗族自治州');
for(i=0;i<password.length;i++){
if(password.charAt(i)>='0'&&password.charAt(i)<='9')
haveNumber=true;
else if(password.charAt(i)>='a'&&password.charAt(i)<='z')
cities['江西省']=new Array('南昌市', '九江市', '景德镇市', '鹰潭市', '新余市', '萍乡市', '赣州市', '上饶地区', '抚州地区', '宜春地区', '吉安地区');
cities['山东省']=new Array('济南市', '聊城市', '德州市', '东营市', '淄博市', '潍坊市', '烟台市', '威海市', '青岛市', '日照市', '临沂市', '枣庄市', '济宁市', '泰安市', '莱芜市', '滨州地区', '菏泽地区');
haveNumber=true;
else if(ff.textfield3.value.charAt(i)='x')
haveLetter=true;
else if(ff.textfield3.value.charAt(i)='X')
{haveLetter=false;haveNumber=false;break;
var f1=ff;
if(jishu!=7){alert("非法")
return false
}
var counwk.baidu.com=0;
for(i=0;i<4;i++)
if(f1.enjoy[i].checked==true)
count++;
if(count<2){
alert("爱好至少选择两项");
return false;
jishu=jishu+1
}
function checkqrmima(){
if(ff.tpsw.value!=ff.tpsw2.value){
div22.innerHTML="与上次密码不同"
ff.tpsw2.focus();
return false;
}
div22.innerHTML="验证通过";
ff.textfield3.focus();
return false;
}
for(i=0;i<f1.textfield3.value.length;i++){
if(ff.textfield3.value.charAt(i)<'0'&&f1.textfield3.value.charAt(i)>'9')
else if(ff.tpsw.value.length>12||ff.tpsw.value.length<6){
div2.innerHTML="密码长度错误";
ff.tpsw.focus();
return false;
}
var haveLetter=false,haveNumber=false;
var password=ff.tpsw.value;
北华航天工业学院
实验报告
课程名称：Web开发基础
实验内容：JavaScript实例
作者所在系部：计算机与遥感信息技术学院
作者所在专业：软件工程
作者所在班级：B15532
作者姓名：夏晨飞
作者学号：2015405A621
指导教师姓名：王振夺
北华航天工业学院教务处制
实验五JavaScript实例
一、实验目的：
cities['山西省']=new Array('太原市', '大同市', '朔州市', '阳泉市', '长治市', '晋城市', '忻州地区', '吕梁地区', '晋中市', '临汾地区', '运城地区');
cities['辽宁省']=new Array('沈阳市', '朝阳市', '阜新市', '铁岭市', '抚顺市', '本溪市', '辽阳市', '鞍山市', '丹东市', '大连市', '营口市', '盘锦市', '锦州市', '葫芦岛市');
确认密码框：与密码框一致；
年龄文本框：必须是数字，且值大于0；
电子邮件文本框：
性别单选框；
爱好复选框：至少选择两项；
个人简介多行文本域：至少10个字符；
从网上查找JS年月日级联下拉列表、省市级联下拉列表，移植到本网页；
2．使用JS实现表单有效性验证
文本框、密码框等失去焦点时进行验证；
使用div显示错误或正确提示信息；
div8.innerHTML="手机号码首位有误"
ff.textfield2.focus();
return false;
}
}
function checkmine(){
var have=true;
if(ff.textfield3.value.length!=18){
div9.innerHTML="位数有误"
cities['江苏省']=new Array('南京市', '徐州市', '连云港', '宿迁市', '淮阴市', '盐城市', '扬州市', '泰州市', '南通市', '镇江市', '常州市', '无锡市', '苏州市');
cities['浙江省']=new Array('杭州市', '湖州市', '嘉兴市', '舟山市', '宁波市', '绍兴市', '金华市', '台州市', '温州市', '丽水地区');
cities['吉林省']=new Array('长春市', '白城市', '松原市', '吉林市', '四平市', '辽源市', '通化市', '白山市', '延边朝鲜族自治州');
cities['黑龙江省']=new Array('哈尔滨市', '齐齐哈尔市', '黑河市', '大庆市', '伊春市', '鹤岗市', '佳木斯市', '双鸭山市', '七台河市', '鸡西市', '牡丹江市', '绥化市', '大兴安');
}
return true;
}
function checkname(){
var username=ff.tname.value;
if(username==""){
div1.innerHTML="用户名不能为空"
ff.tname.focus();
return false;}
else if(username.length>12||username.length<6){
}
else {
have=false;
div9.innerHTML="出现非法字符";break;}
}
div9.innerHTML="验证通过";
jishu=jishu+1
}
cities = new Object();
cities['北京市']=new Array('北京市区', '北京市辖区');
cities['上海市']=new Array('上海市区', '上海市辖区');
cities['河南省']=new Array('郑州市', '三门峡市', '洛阳市', '焦作市', '新乡市', '鹤壁市', '安阳市', '濮阳市', '开封市', '商丘市', '许昌市', '漯河市', '平顶山市', '南阳市', '信阳市', '省直辖行政单位', '周口地区', '驻马店地区');
cities['安徽省']=new Array('合肥市', '宿州市', '淮北市', '阜阳市', '蚌埠市', '淮南市', '滁州市', '马鞍山市', '芜湖市', '铜陵市', '安庆市', '黄山市', '六安市', '巢湖市', '池州地区', '宣城地区');
cities['福建省']=new Array('福州市', '南平市', '三明市', '莆田市', '泉州市', '厦门市', '漳州市', '龙岩市', '宁德市');
haveLetter=true;
else
{haveLetter=false;haveNumber=false;break;
}
}
if(!haveLetter||!haveNumber){
div2.innerHTML="密码非法"
ff.tpsw.focus()
return false;
}
div2.innerHTML="验证通过";;
function emptyqrmima(){
if(!ii){
div22.innerHTML="请再次输入密码"
ii=1
}}
function emptymima(){
if (!ij)
{div2.innerHTML="设置您的密码，由6-12位小写字母和数字混合的字符组合"
ij=1}
}
function checkForm(){
jishu=jishu+1
}
function checkage(){
var age=ff.tage.value;
if(age==""||isNaN(age)||parseInt(age)<1){
div5.innerHTML="年龄非法"
ff.tage.focus();
return false;
}
div5.innerHTML="验证通过";
完成用户注册页面的设计，实现表单的有效性验证。
1．练习网页表格布局；
2．练习HTML表单及表单控件；
3．使用JS实现表单有效性验证；
4．使用div显示提示信息。
二、实验内容：
1．设计网站用户注册页面，综合应用表格、表单等，具体要求：
用户文本框：要求长度6-12位；
密码框：要求长度6-12位；字母数字的组合，不能有其他字符；
div1.innerHTML="用户名长度错误"
ff.tname.focus();
return false;
}
div1.innerHTML="验证通过"
jishu=jishu+1
}
function checkmima(){
if(ff.tpsw.value==""){
ff.tpsw.focus();
return false;}
jishu=jishu+1
}
function checklike(){
var count=0;
for(i=0;i<4;i++)
if(ff.enjoy[i].checked==true)
count++;
if(count<2){
div6.innerHTML="至少选择两项"
return false;
}
div6.innerHTML="验证通过";
cities['天津市']=new Array('天津市区', '天津市辖区');
cities['重庆市']=new Array('重庆市区', '重庆市辖区');
cities['河北省']=new Array('石家庄', '张家口市', '承德市', '秦皇岛市', '唐山市', '廊坊市', '保定市', '沧州市', '衡水市', '邢台市', '邯郸市');
jishu=jishu+1
}
function checkphoto(){
if(ff.textfield2.value.length!=11){
div8.innerHTML="手机号码位数有误"
ff.textfield2.focus();
return false;
}
if(ff.textfield2.value.charAt(0)>1||ff.textfield2.value.charAt(0)<1){
表单提交之前对表单进行有效性验证，如有错误，阻止提交；
三、实验步骤：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">var ii=0;var ij=0;var jishu=0;
cities['湖北省']=new Array('武汉市', '十堰市', '襄攀市', '荆门市', '孝感市', '黄冈市', '鄂州市', '黄石市', '咸宁市', '荆州市', '宜昌市', '省直辖行政单位'
, '恩施土家族苗族自治州', '襄樊市');
cities['湖南省']=new Array('长沙市', '张家界市', '常德市', '益阳市', '岳阳市', '株洲市', '湘潭市', '衡阳市', '郴州市', '永州市', '邵阳市', '怀化市', '娄底市', '湘西土家族苗族自治州');
for(i=0;i<password.length;i++){
if(password.charAt(i)>='0'&&password.charAt(i)<='9')
haveNumber=true;
else if(password.charAt(i)>='a'&&password.charAt(i)<='z')
cities['江西省']=new Array('南昌市', '九江市', '景德镇市', '鹰潭市', '新余市', '萍乡市', '赣州市', '上饶地区', '抚州地区', '宜春地区', '吉安地区');
cities['山东省']=new Array('济南市', '聊城市', '德州市', '东营市', '淄博市', '潍坊市', '烟台市', '威海市', '青岛市', '日照市', '临沂市', '枣庄市', '济宁市', '泰安市', '莱芜市', '滨州地区', '菏泽地区');
haveNumber=true;
else if(ff.textfield3.value.charAt(i)='x')
haveLetter=true;
else if(ff.textfield3.value.charAt(i)='X')
{haveLetter=false;haveNumber=false;break;
var f1=ff;
if(jishu!=7){alert("非法")
return false
}
var counwk.baidu.com=0;
for(i=0;i<4;i++)
if(f1.enjoy[i].checked==true)
count++;
if(count<2){
alert("爱好至少选择两项");
return false;
jishu=jishu+1
}
function checkqrmima(){
if(ff.tpsw.value!=ff.tpsw2.value){
div22.innerHTML="与上次密码不同"
ff.tpsw2.focus();
return false;
}
div22.innerHTML="验证通过";
ff.textfield3.focus();
return false;
}
for(i=0;i<f1.textfield3.value.length;i++){
if(ff.textfield3.value.charAt(i)<'0'&&f1.textfield3.value.charAt(i)>'9')
else if(ff.tpsw.value.length>12||ff.tpsw.value.length<6){
div2.innerHTML="密码长度错误";
ff.tpsw.focus();
return false;
}
var haveLetter=false,haveNumber=false;
var password=ff.tpsw.value;
北华航天工业学院
实验报告
课程名称：Web开发基础
实验内容：JavaScript实例
作者所在系部：计算机与遥感信息技术学院
作者所在专业：软件工程
作者所在班级：B15532
作者姓名：夏晨飞
作者学号：2015405A621
指导教师姓名：王振夺
北华航天工业学院教务处制
实验五JavaScript实例
一、实验目的：
cities['山西省']=new Array('太原市', '大同市', '朔州市', '阳泉市', '长治市', '晋城市', '忻州地区', '吕梁地区', '晋中市', '临汾地区', '运城地区');
cities['辽宁省']=new Array('沈阳市', '朝阳市', '阜新市', '铁岭市', '抚顺市', '本溪市', '辽阳市', '鞍山市', '丹东市', '大连市', '营口市', '盘锦市', '锦州市', '葫芦岛市');
确认密码框：与密码框一致；
年龄文本框：必须是数字，且值大于0；
电子邮件文本框：
性别单选框；
爱好复选框：至少选择两项；
个人简介多行文本域：至少10个字符；
从网上查找JS年月日级联下拉列表、省市级联下拉列表，移植到本网页；
2．使用JS实现表单有效性验证
文本框、密码框等失去焦点时进行验证；
使用div显示错误或正确提示信息；
div8.innerHTML="手机号码首位有误"
ff.textfield2.focus();
return false;
}
}
function checkmine(){
var have=true;
if(ff.textfield3.value.length!=18){
div9.innerHTML="位数有误"
cities['江苏省']=new Array('南京市', '徐州市', '连云港', '宿迁市', '淮阴市', '盐城市', '扬州市', '泰州市', '南通市', '镇江市', '常州市', '无锡市', '苏州市');
cities['浙江省']=new Array('杭州市', '湖州市', '嘉兴市', '舟山市', '宁波市', '绍兴市', '金华市', '台州市', '温州市', '丽水地区');
cities['吉林省']=new Array('长春市', '白城市', '松原市', '吉林市', '四平市', '辽源市', '通化市', '白山市', '延边朝鲜族自治州');
cities['黑龙江省']=new Array('哈尔滨市', '齐齐哈尔市', '黑河市', '大庆市', '伊春市', '鹤岗市', '佳木斯市', '双鸭山市', '七台河市', '鸡西市', '牡丹江市', '绥化市', '大兴安');
}
return true;
}
function checkname(){
var username=ff.tname.value;
if(username==""){
div1.innerHTML="用户名不能为空"
ff.tname.focus();
return false;}
else if(username.length>12||username.length<6){
}
else {
have=false;
div9.innerHTML="出现非法字符";break;}
}
div9.innerHTML="验证通过";
jishu=jishu+1
}
cities = new Object();
cities['北京市']=new Array('北京市区', '北京市辖区');
cities['上海市']=new Array('上海市区', '上海市辖区');
cities['河南省']=new Array('郑州市', '三门峡市', '洛阳市', '焦作市', '新乡市', '鹤壁市', '安阳市', '濮阳市', '开封市', '商丘市', '许昌市', '漯河市', '平顶山市', '南阳市', '信阳市', '省直辖行政单位', '周口地区', '驻马店地区');
cities['安徽省']=new Array('合肥市', '宿州市', '淮北市', '阜阳市', '蚌埠市', '淮南市', '滁州市', '马鞍山市', '芜湖市', '铜陵市', '安庆市', '黄山市', '六安市', '巢湖市', '池州地区', '宣城地区');
cities['福建省']=new Array('福州市', '南平市', '三明市', '莆田市', '泉州市', '厦门市', '漳州市', '龙岩市', '宁德市');