《Java Web程序设计基础教程(李绪成) 第2章》由会员分享，可在线阅读，更多相关《Java Web程序设计基础教程(李绪成) 第2章（102页珍藏版）》请在金锄头文库上搜索。
1、第2章 输 入,2.1 用户注册界面 2.2 常用表单元素 2.3 使用form元素 2.4 对输入信息进行验证 2.5 设置页面的编码方式 小结 习题2 实训2：图书信息,2.1 用户注册界面 2.1.1 功能描述 使用网上书店的普通用户在下订单的时候都需要进行注册，注册的目的是为了网站能够了解用户信息，并方便对用户进行管理。 注册功能主要是提供用户个人的信息，个人信息包括：用户ID、用户名、口令、生日、学历、地区、E-mail、地址、电话和备注。对用户提供的信息会有一些要求，具体如表2.1所示。,表2.1 用户注册信息表,2.1.2 运行效果 用户首先进入注册界面，如图2.1,图2.1 注
2、册界面,图2.2 验证错误提示信息,2.1.3 源代码 function isValidate(form) / 得到用户输入的信息 userid = form.userid.value; username = form.username.value; userpass = form.userpass.value; userpass2 = form.userpass2.value; birthday = form.birthday.value; email = form.email.value; address = form.address.value; phone = form.phone.v
3、alue;,/ 判断用户ID长度 if(!minLength(userid,6) alert(“用户ID长度小于6位！“); form.userid.focus(); return false; if(!maxLength(userid,8) alert(“用户ID长度大于8位！“); form.userid.focus(); return false; ,/ 判断用户名长度 if(!minLength(username,2) alert(“用户名长度小于2位！“); form.username.focus(); return false; if(!maxLength(username,10)
4、 alert(“用户名长度大于10位！“); form.username.focus(); return false; ,/ 判断口令长度 if(!minLength(userpass,6) alert(“口令长度小于6位！“); form.userpass.focus(); return false; if(!maxLength(userpass,8) alert(“口令长度大于8位！“); form.userpass.focus(); return false; ,/ 判断用户ID和口令是否相同 if(userid=userpass) alert(“用户ID和口令不能相等！“); form
5、.userpass.focus(); return false; / 验证两次口令是否相同 if(userpass != userpass2) alert(“两次输入的口令不相同！“); form.userpass.focus(); return false; ,/ 验证生日的格式是否正确 if(!isDate(birthday) alert(“生日的格式不正确！“); form.birthday.focus(); return false; / 验证E-mail的格式是否正确 if(!isEmail(email) alert(“E-mail格式不正确！“); form.email.focus
6、(); return false; ,/ 验证电话号码的格式是否正确 if(!isDigital(phone) alert(“电话号码的格式不正确“); form.phone.focus(); return false; / 验证地址的长度是否正确 if(!maxLength(address,50) alert(“地址长度大于50位！“); form.address.focus(); return false; return true; ,/ 验证是否是空 function isNull(str) if(str.length=0) return true; else return false;
7、 / 验证是否满足最小长度 function minLength(str,length) if(str.length=length) return true; else return false; ,/ 判断是否满足最大长度 function maxLength(str,length) if(str.length=0 & str.charAt(i)=9,| str.charAt(i)= - i+) / 每一位都是09的数字，如果是第1位，则可以是“-”号,if(str.charAt(i)=0 / 判断是否是日期，日期的格式为1988-1-1 function isDate(date) ,/ 查
8、找分隔符 index1 = date.indexOf(“-“); / 如果分隔符不存在，则不是合法的时间 if(index1 = -1) return false; / 获取时间中的年 year = date.substring(0,index1); / 获取时间中的剩下部分 date = date.substring(index1+1); / 查找第二个分隔符 index1 = date.indexOf(“-“); / 如果不存在第二个分隔符，则不是合法的时间 if(index1 = -1) return false;,/ 获取时间中的月份 month = date.substring(0,
9、index1); / 获取时间中的日 day = date.substring(index1+1); / 判断是否是数字，如果不是，则不是合法的时间 if(isNumber(year) / 判断31天的月 if(month=1 | month=3 | month=5 | month=7,| month=8 | month=10 | month=12) / 如果是2月，判断是否为闰年 if(month=2) if(year%400=0 | (year%4=0 & year%100!=0) ,if(day29) return false; else if(day28) return false;
10、else return false; return true; / 判断是否是E-mail function isEmail(email) ,if(email.length=0) return false; index1 = email.indexOf(); index2 = email.indexOf(.); if(index1 1 / 符号不存在，或者在第一个位置 | index2 1 / .符号不存在，或者在第一个位置 | index2-index1 2 / .在的左边或者相邻 | index2+1 = email.length) / .符号后面没有东西 return false els
11、e return true; , 注册界面 请注册 , 用户ID： 6-8位 用户名： 2-10位 口令： 6-8位，不能与用户ID相同 , 确认口令： 生日： 格式为：1988-1-1 学历： 专科 本科 硕士研究生 博士研究生 其他, 地区： 华东 华南 华北 东北 东南 西南 西北 华中 , E-mail: 地址： 电话： 数字和连字符，例如88223322-123 , 备注： ,2.2 常用表单元素 2.2.1 单行文本框 在注册功能中，输入用户名和生日的输入框就是单行文本框。需要输入少量信息时应该使用单行文本框。 单行文本框的基本语法格式如下： ,其中：属性type用于确定表单元素的类型，后面我们会看到很多表单元素的格式非常类似，值为“text”表示这是一个单行文本
