JSP应用与开发技术 作者 978-7-302-24762-3 第2章 JSP动态网页设计基础.pptVIP

该例子依然是表单验证，在表单每个input项中设置validChar属性来记录此文本框中允许输入的字符的正则表达式，设置isRequired属性来记录该项是否为必须的，这些都需要在JavaScript代码中判断，请大家认真阅读程序以及注释。例如表单项“员工号” input type=text name=id validChar=\d{4} isRequired=true 中，validChar=\d{4}表示员工号必须输入4位数字，isRequired=true表示该项必须输入。更多常用正则表达式详见表2-5。网页浏览结果如图2-21所示。 图2-21 表单验证 另外，该程序中，一旦表单项内容出错，则在其后出现红色提示文字，提示性红色文字是否显示通过CSS文件来设置，相应的文件保存为Style.css，文件内容如下。 html .feedbackShow{ visibility: visible; } .feedbackHide{ visibility: hidden; } ? 表2-5 常用正则表达式举例 正则表达式举例 说明 正则表达式举例 说 明 [A-Za-z] 1位字母 \d 1位0到9的数字 [A-Za-z]{n} n位字母 \d{n} n位0到9的数字 [A-Za-z]{n,} 至少n位字母 \d{2,6} 2-6位数字 [A-Za-z]{2,6} 2-6位字母 \d{n,} 至少n位数字 [A-Za-z]+ 1串字母 \d+ 1串数字 [A-Za-z0-9] 1位字母或数字 [\u4E00-\u9FA5] 1位汉字 [A-Za-z0-9]{n} n位字母或数字 [\u4E00-\u9FA5]{n} n位汉字 [A-Za-z0-9]{n,} 至少n位字母或数字 [\u4E00-\u9FA5]{n,} 至少n位汉字 [A-Za-z0-9]{2,6} 2-6位字母或数字 [\u4E00-\u9FA5]{2,6} 2-6位汉字 [A-Za-z0-9]+ 字母、数字组成的字符串 [\u4E00-\u9FA5]+ 1串汉字 -?\d+\.\d+ 浮点数（正负均可） \d+\.\d+ 正浮点数 -?\d+\.\d{n} 保留n位小数的浮点数 -\d+\.\d+ 负浮点数 -?\d+\.\d{n,} 保留至少n位小数的浮点数 -?\d+(\.\d{0,2})* 整数或者保留0到2位小数的浮点数 电子邮件 \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 2.3 小结 HTML和JavaScript这两项技术是学习JSP的基础，希望大家对其能够有所了解和掌握。其中HTML更是写好JSP程序的最基础和不可或缺的技术，读者必须能够熟练地制作HTML静态网页，而不仅仅局限于本书介绍内容。而JavaScript作为客户端的脚本语言，在实际项目中的应用也比较多，不过读者没必要记住JavaScript语法的每个细节，能够做到基本读懂就行，在实际需要时可以有目标的在网上查找相关资料。 (11) 下拉列表 下拉列表是表单中供用户选择的一个表单项，列表框可以显示多个选项供选择，且用户能同时选择其中的一个或多个。列表框中包含option标签。其基本语法如下所示： select name=名称 size=大小 multiple=multiple option value= /option option value= /option …… /select name：设定下拉列表的名称 size：设定下拉列表显示选项的个数 multiple：设定此下拉列表可多选，如果为单选则省略该项 value：option的属性，当选择该项时的值 (12) 多行文本框 多行文本框用来输入较多的文字信息，常在新闻发布与论坛等系统中用到。其基本语法如下所示： textarea name=名称 rows=文本框的显示行数 cols=文本框的显示列数/textarea rows：文本框显示的行数 cols：文本框显示的列数 使用多行文本框时主要是确定它的名称以及大小(行数与列数)，当用户输入的文字超过显示容量时，多行文本框会自动产生滚动条。 【例2-13】表单应用（form.html）。 html headtitle表单应用/title/head body form action= method=post enctype=multipart/form-data name=form1 table width=410 border=1 align=center bgcolor=#9AD3A4 bordercol