在学这课之前先给大家解释一下表单和表单域的区别。表单是指代码标签,也就是DW设计视图下看到的红虚线框。
表单域是指表单将来要提交的内容,也就是文本字段隐藏区域、文本区域单选按钮、按钮等元件叫表单域见图1。
图1这些都是本课要用到的表单域
一添加表单、布局表格
1新建文档,保存为writeasp这个页面是签写留言的。首先要插入一个表单见图2。
二、添加表单域
1姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name见图4,这样做是为了与数据库的字段名字相对应。书名特效插件一把抓图书该部分分FireworksFlash、表单、表格检查报告类插件
图4姓名对应的表单域命名
2OICQ、EMAIL、个人主页的表单域的添加方法同上,均为文本字段,分别命名为:OICQ|oicq,个人主页|homepage。
3头像:在相对应的单元格里分别插入用户头像图片,然后添加对应的单选按钮命名为tx。
4性别:在姓名对应的表格里添加两个单选按钮,选中性别男单选按钮:在属性面板为它改名为sex选定值为男,初始状态-已勾选,
设置见图5。选中性别女单选按钮:在属性面板为它改名为sex选定值为女,初始状态-未选中方法同上。
图5性别男:8条评论发文时间年8月10日看来这个插件有问题,我朋友也出现过这个问题,不过我看没碰到过,不知道你的DW什么版本,重装一下DW然后升级下试试,应该没什么问题。# re:表单验证JS生成(dw插件安装对应表单域单选按钮的设置
5、提交与重置按钮:在最下面的单元格添加两个按钮,选中提交按钮:在属性面板为它改名为Submit,标签选提交,动作-提交表单,
设置见图6。选中重置按钮:在属性面板为它改名为Submit2,DW插件检查表单插件DW插件说明:检查表单插件收藏此资料举报1分947KB用手机下载用手机下载标签选重置,动作-重设表单方法同上。
图6提交按钮属性
6、添加隐藏区域:表单验证JS生成(DW插件)分享标签:DW插件分类:DW工作日志表单验证JS生成(DW插件)下载在提交按钮旁单击添加隐藏区域,在属性面板里为它改名为IP,在值里添加代码
这段代码是获取客户端IP的见图7。
三、定义提交按钮的服务器行为
1、选中的整个表格,第一部分介绍了插件的获得、安装等基本知识检查报告类表单教程打开服务器行为面板,jquerydw插件单击“+”按钮选择菜单下的插入记录,表单验证高级插件非常好用,快捷。dw表单验证高级插件-asp表单验证高级插件-测试通过资源大小:16KB上传日期资源积分:2分下载次数见图9。
图9服务器行为-插入记录
2、设置表单域与数据库字段名一一对应,在表单元素里分别依次选中元素,在下面的列里选择与数据库相对应的域见图10。
图10插入记录对话框
四、定义表单提交的错误检查(行为面板)
1、签写留言时为了避免有错误信息的写入,添加表单提交的错误检查功能。打开设计面板下的行为面板,单击+选择检查表单见图11。dw表单
图11设计-行为-检查表单
2、设置表单域和检查事件:name选择必需的,ociq选择数字,mail选择必需的和电子邮件,homepage不选,liuyan选择必需的见图12。
一、控制一页显示留言数和翻页按钮
先介绍应用程序下的按钮:记录集导航条:翻页功能按钮,记录集导航条状态:显示留言数量功能按钮见图1。
图1应用程序-记录集导航条/记录集导航状态
1、光标移到页面下方,单击记录集导航状态就会弹出记录集导航状态对话框见图2。
图2记录集导航状态对话框
2、再回车另起一行,单击记录集导航条就会弹出记录导航对话框,记录导航条将以文字方式显示见图3。
图3记录集导航条对话框
这样我们就完成了显示留言数量和翻页按钮见图4。
图4已加好翻面和显示留言数功能
二、留言内容显示问题
1现在mainasp文件基本完成当然,你会想到:如果我们输入一些html代码,会怎么样呢?
我们来输入一行html代码试一下输入:测试,结果见图5,这个当然是不安全的。也就是为什么决大部分论坛不支持html的原因。
再测试看看,用户的留言如果很长,表格会自动撑大(文字不会自动换行)!
2、为了解决以上问题,我们将原来绑定到留言单元格中的记录集字段()删除,添加“文本区域”,添加好后的文本区域见图7。
图7添加好的文本区域
3、然后选中刚才添加的文本区域,在属性面板里点击打开动态数据对话框,添加动态留言文本字段y_liuyan,见图8。
图8为文本区域添加动态数据
现在可以在留言试试看,表格自动换行,而且不支持html代码了,留言内容的显示问题也可以借助
















