今天老师没有开始新的页面的实现,而是带领我们分析了整个登录过程和完善注册页面的工作。
登录界面:
主要是以下格式:
用户名:
口令:
登录 注册新用户
用javascript验证各项信息的有效性:第一种<form...
οnsubmit="return check_form();"> 第二种<input οnclick="return check_form();">-->
<input type="submit" name="op" value="register" οnclick="return check_form();" />
</form>
<!--定义用户注册表单验证js函数,利用正则表达式实现有效性的检验-->
<script>
function check_form(){
//使用getElementById方法得到指定名称的标签元素
//标签元素的值对应的属性value
//IE浏览器打开后自动生成window对象,document对象是window对象的基本属性,window.document等同于 document
username = document.getElementById("edit-name").value;
password = document.getElementById("edit-pass").value;
password2 = document.getElementById("edit-pass2").value;
// ....
//定义出错误信息显示字符串,正常情况默认为空
msg = "";
if(username==""){msg+="username is not null! \n"}
if(password==""){msg+="password is not null! \n"}
if(password!=password2){msg+="must equal \n"}
if(msg==""){
return false;
}else{
return true;
}
}
</script>
黑色加粗的地方就是完善的一些方法。虽然今天注册页面完善的还不够全面,老师只是给我们讲解了一些方法,要好好运用以便很好的完善功能。