
网页设计与制作教程——Web前端开发(第6版)
来源:
浏览:154
时间:2023-10-22
实验三:利用JavaScript模拟一个注册页面
一、 实验目的和要求
掌握JavaScript的基本语法
掌握JavaScript对象的常用方法
二、 实验内容
使用HTML制作注册页面
使用表单对象模拟注册页面
三、 实验-] + [. ]*[w-] + [@] [w-] {1,} ([. ] ([w-] {1,})) {1, 3}$/. test (emai 1)) { document. getElementByld(? email_error,). innerHTML 二 〃〃;} else {
document. getElementByldemail_error,). innerHTML = 〃请输入有效的 Emai 1地址〃;}} } /***检查密码*/ function check_ pass (){ var pass;
pass = document. getElementByld (J pass,). value; pass = pass. Trim() ;_pass =pass; if (pass == 〃〃)
{ document. getElementByld (,pass_error,). innerHTML = 〃请输入密码〃;
} else (if (/"w{6, 20} $/. test (pass))
{ document. getElementById(,pass_error?). innerHTML 二〃〃; } else {
document. getElementById(J pass_error,). innerHTML 二 〃****6〜14 个英 文或数字,区分大小写〃;}}} /***检舌确认密码*/ function check_rpass()(var rpass;
rpass 二 document. getElementById(,rpass5). value; rpass 二 rpass. Trim();
if (rpass 二二 〃〃){ document. getElementByld (J rpass_error,). innerHTML =〃请 输入 确认密 码〃;} else if (rpass != _pass) (document. getElementByld (? rpass_error?). innerHTML 二〃密码不一致〃;
} else ( document. getElementByldrpass_error?). innerHTML 二 〃"} }
Functionregist () (varusername_error=document. getElementByld (J usern ame_error,). innerHTML;var pass_error=document. getElementByld(J pass_error?). innerHTML; varrpass_error=document. getElementByld(J rpass_error,). innerHTML;
var email_error=document. getElementByld(J email_error')
一、 实验目的和要求
掌握JavaScript的基本语法
掌握JavaScript对象的常用方法
二、 实验内容
使用HTML制作注册页面
使用表单对象模拟注册页面
三、 实验-] + [. ]*[w-] + [@] [w-] {1,} ([. ] ([w-] {1,})) {1, 3}$/. test (emai 1)) { document. getElementByld(? email_error,). innerHTML 二 〃〃;} else {
document. getElementByldemail_error,). innerHTML = 〃请输入有效的 Emai 1地址〃;}} } /***检查密码*/ function check_ pass (){ var pass;
pass = document. getElementByld (J pass,). value; pass = pass. Trim() ;_pass =pass; if (pass == 〃〃)
{ document. getElementByld (,pass_error,). innerHTML = 〃请输入密码〃;
} else (if (/"w{6, 20} $/. test (pass))
{ document. getElementById(,pass_error?). innerHTML 二〃〃; } else {
document. getElementById(J pass_error,). innerHTML 二 〃****6〜14 个英 文或数字,区分大小写〃;}}} /***检舌确认密码*/ function check_rpass()(var rpass;
rpass 二 document. getElementById(,rpass5). value; rpass 二 rpass. Trim();
if (rpass 二二 〃〃){ document. getElementByld (J rpass_error,). innerHTML =〃请 输入 确认密 码〃;} else if (rpass != _pass) (document. getElementByld (? rpass_error?). innerHTML 二〃密码不一致〃;
} else ( document. getElementByldrpass_error?). innerHTML 二 〃"} }
Functionregist () (varusername_error=document. getElementByld (J usern ame_error,). innerHTML;var pass_error=document. getElementByld(J pass_error?). innerHTML; varrpass_error=document. getElementByld(J rpass_error,). innerHTML;
var email_error=document. getElementByld(J email_error')


