11检查表单教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

11检查表单教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）检查表单静态网站制作教学资源课件静态网站制作教学资源课件 在制作完表单后，还需要设置表单数据的输入规则以确保用户提交数据的有效性，并同时指定处理表单的程序，当用户提交表单后有程序检测数据的有效性，并反馈信息。1、在标签选择器中单击 标签，选中整个表单，单击“窗口”菜单中的“行为”命令或按“shift+F4”，打开如图4.45所示的“行为”面板，单击加号按钮在弹出的列表中选择“检查表单”命令，打开“检查表单”对话框，如右图所示。2、在“命名的栏位：”中选择：文本“name”在表单“form1”，在“值”处选择“必需的”，表示浏览者在姓名框中必须输入字符。3、在“命名的栏位：”中选择第二项，在“值”处选择“必需的”，在“可接受”处选择“电子邮件地址”，表示浏览者输入的内容必须是电子邮件格式。4、单击“确定”按钮。保存网页，浏览时如果不在姓名和Email文本框中输入内容就点击“提交”按钮，则弹出如图4.47所示的窗口，提示用户要重新输入。用Dreamweaver中检查表单的功能，所得到的检查结果亲和力非常差，浏览者可能根本看不懂，而图4.48的检查结果就很容易理解。1、在“代码”视图中和之间输入下面的代码：function chktext()chkmessage=if(document.form1.name.value=)chkmessage=姓名不能为空！姓名不能为空！if(document.form1.email.value=)chkmessage=chkmessage+Email不能为空！不能为空！if(document.form1.email.value.indexOf(,1)0)chkmessage=chkmessage+Email格式不对！格式不对！if(chkmessage=)return true;else alert(chkmessage);return false;当前表单的名称2、向下找到标签，进行如下修改：onsubmit=return chktext()3、保存网页，浏览时如果不输入内容就提交页面则会看到上面的检查结果。