表单验证的相关事件和辅助特效

《表单验证的相关事件和辅助特效》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第八章表单验证的相关事件和辅助特效回顾表单验证一般包括那些内容?表单验证的实现步骤。文本框控件有哪些常用的属性、方法、事件？本章案例制作回车切换输入的效果制作即时提示错误的输入框演示示例1：页面效果演示示例2：页面效果制作内容动态显示的层效果演示示例3：页面效果学习目标会使用图片代替提交按钮会使用onKeyDown事件检查用户输入的特殊字符会使用DIV的innerHTML或innerText动态显示内容会使用多个DIV动态隐藏或显示内容一、如何使用图片代替提交按钮为了美观，现把提交按钮变成图片，但仍然保持表单的验证功能？如何实现？使用图片的单击事件onClick="ch

2、eckForm()"根据上述分析和提供的素材页面来实现表单验证。……functioncheckForm(){if(document.myform.txtUserName.value.length==0){alert("用户名不能为空！");document.myform.txtUserName.focus();}}……检验是否为空单击事件，调用表单验证函数能进行表单验证，但即使是正确填写了表单，

3、也不能提交页面（点击“注册”没反映）。因为图片不具备“提交”按钮的提交功能，所以需要人工调用提交方法－submit()。functioncheckForm(){if(document.myform.txtUserName.value.length==0){alert("用户名不能为空！");document.myform.txtUserName.focus();}else{document.myform.submit();}}如果表单输入合法，则提交表单二、制作回车切换输入的效果输入完毕后回车，

4、默认会提交表单。如何制作回车Tab切换效果？1、使用键盘输入事件onKeyDown事件2、检查输入是否是回车键－ASCII码13，若是则将输入改为Tab键－ASCII码9functionchangeFocus(){if(event.keyCode==13)event.keyCode=9;}…………键盘按下，调用

5、实现Tab效果的函数修改回车键为Tab键Event事件对象包含输入键信息上述注册页面中，需要给每个文本框添加键盘按下事件，有没有更简单的办法？…………

6、id="email"size="24"onKeyDown="changeFocus()">通过给document对象添加键盘事件。functionchangeFocus(){if(event.keyCode==13&&event.srcElement.type!='button'&&event.srcElement.type!='submit'…)event.keyCode=9;}document.onKeyDown=changeFocus;如果按键是回车键，并且控件类型不是提交、重置按钮等按钮

7、，则变为Tab切换document对象的onKeyDown事件，它将接收页面中所有的键盘事件查看源代码根据提供的素材页面，实现游戏中的人物移动效果。提示：1、根据按下的方向键，改变层的Left或Top坐标document.getElementById("man").style.pixelLeftdocument.getElementById("man").style.pixelTop2、方向键的ASCII码：↑向上键－38，↓向下箭－40←向左键－37，→向右键－393、添加键盘事件：document.onKeyDown=move;三、制