第4章 表单验证和表单提交方式.pptVIP

小结1编写如下图所示，实现登录表单的验证功能*文本框控件-1如何实现如下图所示，完善电子邮件的例子。*用户单击时,邮箱的提示信息自动清除提示电子邮件格式不对输入的信息自动被选中并高亮显示文本框控件-2文本框对象的常用属性、方法、事件名称说明属性value设置或获取文本框的值方法focus()获得焦点select()选中文本内容，突出显示输入区域事件onFocus光标进入某个文本框脚本运行onBlur文本框失去焦点脚本运行onKeyPress当一个键按下并释放时去触发一个事件*使用文本框对象的相关方法，实现选中效果文本框控件-3*SCRIPTLANGUAGE=JavaScript….functionclearText(){if(document.myform.txtEmail.value==“请输入真实的电子邮箱，我们将发送激活密码){document.myform.txtEmail.value=;document.myform.txtEmail.style.color=red;}}/SCRIPT……TDcolspan=2INPUTname=txtEmailtype=textclass=textBorderid=txtEmailvalue=请输入真实的电子邮箱，我们将发送激活密码size=40onFocus=clearText()style=color:#666666;*必填/TD……清空文本框的内容修改文本框的颜色文本框获得焦点就调用方法clearText()?2012InspurGroupInspurEducationInspurEducation?2012InspurGroup?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducationInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroup表单验证和表单提交方式本节目标掌握表单验证常用方式掌握Post和Get的不同为什么需要表单验证*服务器IE脚本在客户端执行，减轻服务器端的压力客户端用户输入客户端用户输入……客户端用户输入……发送请求返回响应发送请求返回响应发送请求返回响应表单验证的内容-1*不能为空且不能有数字不能为空且不能有数字不能为空，且只能包括字母、数字和下划线字符密码不能为空并且最少为6位，还要求两次输入的密码要一致表单验证的内容-2*不能为空且包含字符@和.只能二选一年月日不能为空，且不能超出其要求的范围表单验证的思路-1如何编写脚本验证表单？*1、获取表单元素的值（String类型），然后进行判断2、触发表单（FORM）的提交事件（onSubmit）表单验证的思路-2常用的String对象使用var语句varnewstr=这是我的字符串创建String对象varnewstr=newString(这是我的字符串“)调用方法和属性字符串对象.属性名字符串对象.方法名(