HTML制作网页表单验证代码Word文档格式.docx
- 文档编号:19581293
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:14
- 大小:20.47KB
HTML制作网页表单验证代码Word文档格式.docx
《HTML制作网页表单验证代码Word文档格式.docx》由会员分享,可在线阅读,更多相关《HTML制作网页表单验证代码Word文档格式.docx(14页珍藏版)》请在冰豆网上搜索。
functioncheckpsd1(){
//div11=document.getElementById("
divpassword1"
);
psd1=form1.textpassword1.value;
varflagZM=false
varflagSZ=false
varflagQT=false
if(psd1.length<
6||psd1.length>
12){
divpassword1.innerHTML="
for(i=0;
i<
psd1.length;
i++)
{
if((psd1.charAt(i)>
='
A'
&
&
psd1.charAt(i)<
='
Z'
)||(psd1.charAt(i)>
a'
z'
))
flagZM=true
elseif(psd1.charAt(i)>
0'
9'
)
{flagSZ=true}
else
{flagQT=true}
}
if(!
flagZM||!
flagSZ||flagQT){
divpassword1.innerHTML="
密码必须是字母数字的组合<
returnfalse;
else
returntrue;
//-->
//验证确认密码
functioncheckpsd2(){
if(form1.textpassword1.value!
=form1.textpassword2.value)
您两次输入的密码不一样<
else
//验证文本框
functioncheckarea(){
area=form1.textarea.value;
if(area.length<
10)
divarea.innerHTML="
请输入至少十个字符<
//验证复选框
functionchecknum(){
vars="
;
for(vari=0;
i<
document.form1.box.length;
//判断第i个复选框是否被选中
if(document.form1.box[i].checked==true)
s=s+document.form1.box[i].value+"
\n"
elseif(s<
2)
divbox.innerHTML="
red'
请选择两个以上<
//验证邮箱
functioncheckmail(){
if(document.form1.textmail.value.charAt(0)=="
."
||document.form1.textmail.value.charAt(0)=="
@"
||document.form1.textmail.value.indexOf(’@’,0)==-1||document.form1.textmail.value.indexOf(’.’,0)==-1||document.form1.textmail.value.lastIndexOf("
)==document.form1.textmail.value.length-1||document.form1.textmail.value.lastIndexOf("
)==document.form1.textmail.value.length-1)
divmail.innerHTML="
Email的格式不正确!
returnfalse;
else
returntrue;
scripttype="
text/javascript"
//定义了城市的二维数组,里面的顺序跟省份的顺序是相同的。
通过selectedIndex获得省份的下标值来得到相应的城市数组
varcity=[
["
北京"
"
天津"
上海"
重庆"
香港"
澳门"
],
["
石家庄"
唐山"
秦皇岛"
邯郸"
邢台"
保定"
张家口"
承德"
沧州"
廊坊"
衡水"
太原"
大同"
阳泉"
长治"
晋城"
朔州"
晋中"
运城"
忻州"
临汾"
吕梁"
呼和浩特"
包头"
乌海"
赤峰"
通辽"
鄂尔多斯"
呼伦贝尔"
巴彦淖尔"
乌兰察布"
兴安"
锡林郭勒"
阿拉善"
沈阳"
大连"
鞍山"
抚顺"
本溪"
丹东"
锦州"
营口"
阜新"
辽阳"
盘锦"
铁岭"
朝阳"
葫芦岛"
长春"
吉林"
四平"
辽源"
通化"
白山"
松原"
白城"
延边"
哈尔滨"
齐齐哈尔"
鸡西"
鹤岗"
双鸭山"
大庆"
伊春"
佳木斯"
七台河"
牡丹江"
黑河"
绥化"
大兴安岭"
南京"
苏州"
扬州"
无锡"
徐州"
常州"
南通"
连云港"
淮安"
盐城"
镇江"
泰州"
宿迁"
杭州"
宁波"
温州"
嘉兴"
湖州"
绍兴"
金华"
衢州"
舟山"
台州"
丽水"
合肥"
芜湖"
蚌埠"
淮南"
马鞍山"
淮北"
铜陵"
安庆"
黄山"
滁州"
阜阳"
宿州"
巢湖"
六安"
亳州"
池州"
宣城"
福州"
宁德"
南平"
厦门"
莆田"
三明"
泉州"
漳州"
南昌"
上饶"
萍乡"
九江"
景德镇"
新余"
鹰潭"
赣州"
吉安"
宜春"
抚州"
济南"
青岛"
淄博"
枣庄"
东营"
烟台"
潍坊"
威海"
济宁"
泰安"
日照"
莱芜"
临沂"
德州"
聊城"
滨州"
菏泽"
郑州"
开封"
洛阳"
平顶山"
焦作"
鹤壁"
新乡"
安阳"
濮阳"
漯河"
许昌"
三门峡"
南阳"
商丘"
信阳"
周口"
驻马店"
武汉"
十堰"
襄樊"
鄂州"
黄石"
荆州"
宜昌"
荆门"
孝感"
黄冈"
咸宁"
随州"
恩施"
长沙"
株洲"
湘潭"
岳阳"
邵阳"
常德"
衡阳"
张家界"
益阳"
郴州"
永州"
怀化"
娄底"
湘西"
广州"
清远"
潮州"
东莞"
珠海"
深圳"
汕头"
韶关"
佛山"
江门"
湛江"
茂名"
肇庆"
惠州"
梅州"
汕尾"
阳江"
河源"
中山"
揭阳"
云浮"
南宁"
柳州"
桂林"
梧州"
北海"
防城港"
钦州"
贵港"
玉林"
百色"
贺州"
河池"
来宾"
崇左"
海口"
三亚"
成都"
自贡"
攀枝花"
泸州"
德阳"
绵阳"
广元"
遂宁"
内江"
乐山"
南充"
宜宾"
广安"
达州"
眉山"
雅安"
巴中"
资阳"
阿坝"
甘孜"
凉山"
贵阳"
六盘水"
遵义"
安顺"
铜仁"
毕节"
黔西南"
黔东南"
黔南"
昆明"
曲靖"
玉溪"
保山"
昭通"
丽江"
普洱"
临沧"
文山"
红河"
西双版纳"
楚雄"
大理"
德宏"
怒江"
迪庆"
拉萨"
昌都"
山南"
日喀则"
那曲"
阿里"
林芝"
西安"
铜川"
宝鸡"
咸阳"
渭南"
延安"
汉中"
榆林"
安康"
商洛"
兰州"
白银"
定西"
敦煌"
嘉峪关"
金昌"
天水"
武威"
张掖"
平凉"
酒泉"
庆阳"
临夏"
陇南"
甘南"
西宁"
海东"
海北"
黄南"
海南"
果洛"
玉树"
海西"
银川"
石嘴山"
吴忠"
固原"
中卫"
乌鲁木齐"
克拉玛依"
吐鲁番"
哈密"
和田"
阿克苏"
喀什"
克孜勒苏柯尔克孜"
巴音郭楞蒙古"
昌吉"
博尔塔拉蒙古"
伊犁哈萨克"
阿勒泰"
台北"
高雄"
基隆"
台中"
台南"
新竹"
嘉义"
]
];
functiongetCity(){
//获得省份下拉框的对象
varsltProvince=document.forms[0].province;
//获得城市下拉框的对象
varsltCity=document.forms[0].city;
//得到对应省份的城市数组
varprovinceCity=city[sltProvince.selectedIndex-1];
//清空城市下拉框,仅留提示选项
sltCity.length=1;
//将城市数组中的值填充到城市下拉框中
for(vari=0;
provinceCity.length;
i++){
sltCity[i+1]=newOption(provinceCity[i],provinceCity[i]);
styletype="
text/css"
--
body{
background-image:
url();
.style4{font-size:
12px}
-->
/style>
/head>
body>
formname="
form1"
method="
post"
action="
js.htm"
onSubmit="
returncheckForm()"
<
tablewidth="
688"
border="
0"
align="
center"
tralign="
tdcolspan="
3"
用户注册<
/td>
/tr>
tr>
tdwidth="
130"
用户名:
343"
inputtype="
text"
name="
textname"
id="
divname"
onBlur="
checkna()"
spanclass="
style4"
/span>
201"
divid="
请输入6-12位用户名<
/div>
td>
密码:
password"
name="
textpassword1"
onBlur="
checkpsd1()"
请输入密码,长度6-12,字母和数字的组合<
再次输入密码:
textpassword2"
checkpsd2()"
>
divpassword2"
tdheight="
23"
性别:
inputname="
sex"
type="
radio"
id="
checksex()"
value="
1"
checked>
男
女<
divsex"
请选择兴趣爱好:
box"
checkbox"
游泳
value="
电脑
羽毛球
<
篮球
跑步
checknum()"
音乐<
divbox"
请选择至少两个<
个人简历:
textareaname="
textarea"
checkarea()"
/textarea>
divarea"
请输入您的个人简历<
出生日期:
JavaScript"
functionwindow.onload()
strYYYY=document.form1.YYYY.outerHTML;
strMM=document.form1.MM.outerHTML;
strDD=document.form1.DD.outerHTML;
MonHead=[31,28,31,30,31,30,31,31,30,31,30,31];
//先给年下拉框赋内容
vary=newDate().getFullYear();
varstr=strYYYY.substring(0,strYYYY.length-9);
for(vari=(y-30);
i<
(y+1);
i++)//以今年为准,前30年
str+="
optionvalue='
+i+"
'
"
/option>
\r\n"
document.form1.YYYY.outerHTML=str+"
/select>
//赋月份的下拉框
varstr=strMM.substring(0,strMM.length-9);
for(vari=1;
13;
i++)
document.form1.MM.outerHTML=str+"
document.form1.YYYY.value=y;
document.form1.MM.value=newDate().getMonth()+1;
varn=MonHead[newDate().getMonth()];
if(newDate().getMonth()==1&
IsPinYear(YYYYvalue))n++;
writeDay(n);
//赋日期下拉框
document.form1.DD.value=newDate().getDate();
functionYYYYMM(str)//年发生变化时日期发生变化(主要是判断闰平年)
varMMvalue=document.form1.MM.options[document.form1.MM.selectedIndex].value;
if(MMvalue=="
){DD.outerHTML=strDD;
return;
varn=MonHead[MMvalue-1];
if(MMvalue==2&
IsPinYear(str))n++;
writeDay(n)
functionMMDD(str)//月发生变化时日期联动
varYYYYvalue=document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
if(str=="
varn=MonHead[str-1];
if(str==2&
functionwriteDay(n)//据条件写日期的下拉框
vars=strDD.substring(0,strDD.length-9);
for(vari=1;
i<
(n+1);
s+="
document.form1.DD.outerHTML=s+"
functionIsPinYear(year)//判断是否闰平年
{return(0==year%4&
(year%100!
=0||year%400==0))}
//-->
selectname=YYYYonchange="
YYYYMM(this.value)"
selectname=MMonchange="
MMDD(this.value)"
selectname=DD>
t
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 制作 网页 表单 验证 代码