4.JavaScript表单处理课件.pptVIP

JavaScript表单处理 号擂保俊轨谢颖分落报梦搀纱钨厘杨丰名隐宋七代锦绍憋铺永拈加邦弘切4.JavaScript表单处理课件Zend PHPChina PCTI 知识回顾 常用的浏览器对象有哪些？ 希望在网页打开时，就伴随弹出广告窗口，应使用什么事件？打开广告窗口使用window对象的哪个方法？ history对象的哪个方法相当于IE浏览器中的后退按钮？ 希望动态改变网页的背景色，应使用哪个对象的bgColor属性？ IE的地址栏对应哪个浏览器对象？它用来保存网页的地址信息 藉烷当寨烽楼肇疤剿笺嫂屁浩加君镐然蔼舟憋僵账啪商贺森抽姆愤逆移洗4.JavaScript表单处理课件Zend PHPChina PCTI 内容摘要 使用与以下各项关联的事件处理程序 ： 文本框 文本区域 命令按钮 复选框 单选按钮 组合框 编写用于验证表单的 JavaScript 代码 歧肋酋拟劳居丢霹务魂京瑞舞战唇著诲噪狱衣厨疼例敞底帧础姨抵宇执仟4.JavaScript表单处理课件Zend PHPChina PCTI 事件处理程序和表单元素简介 当用户单击“注册”按钮时，将弹出一条消息 SCRIPT LANGUAGE = JavaScript function button_click() { alert(“请向本网站注册); } /SCRIPT INPUT type=“button” value=“注册“ onClick=button_click() 氖股峰彪左巳峻陵署兑近屑邮士偿眶节贷瓦悠疟俺忌抄惮惮宝我声歧蹭跳4.JavaScript表单处理课件Zend PHPChina PCTI 文本框对象 文本框元素用于在表单中输入字、词或一系列数字 可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素 INPUT type=text name=t1 彭宠油雹珠桩舟兹居符庸鸦沿届喘筋篓上嚼馆抄逗糙恰知垦蔫奔朱约刀灶4.JavaScript表单处理课件Zend PHPChina PCTI 文本框对象 – 事件处理程序 文 本 框 事件 onBlur 文本框失去焦点 onChange 文本框的值被修改 onFocus 光标进入文本框中 方法 focus( ) 获得焦点，即获得鼠标光标 select( ) 选中文本内容，突出显示输入区域 属性 readonly 只读，文本框中的内容不能修改 帘蓑窒尝辉诣匙付袄选晚笺甭旁龙鸟估氧浙蓖芭果雍放轻混旷驰引掩衷抢4.JavaScript表单处理课件Zend PHPChina PCTI 文本框对象 card price number tot myform 雹盆涂唤幻桌抢虚懂宙殊吕沟冰由奶萧则蜕晒魁蘑枣币顶令丘柿拼囊宦莉4.JavaScript表单处理课件Zend PHPChina PCTI 文本框对象 添加无边框样式 矣柒历卞勉锯肥列废项邹愈缸加袁郑戚睹房创颁襟命冬稀届曝颖授蔑上心4.JavaScript表单处理课件Zend PHPChina PCTI 文本框对象 - onChange 事件处理程序 SCRIPT language=JavaScript function clearText( ) { if (document.myform.card.value==输入您的会员帐号) document.myform.card.value= ; } function check( ) { var a=document.myform.card.value; if (a.substr(0,2)!=10 || isNaN(a)) { alert(格式错误，请重新输入) ; document.myform.card.focus( ); document.myform.card.select( ); } } function compute( ) { var price= document.myform.price.value; var number= document.myform.number.value ; document.myform.tot.value= price*number; } onFocus事件调用的函数clearText（）清空帐号文本框中的内容 onBlur事件调用的函数check（）检查输入的帐号是否是“10”打头，并且是数字 onChange事件调用的函数compute( )用来计算总价 涂翟沪津孔泄峻赂啦析习蔓锡讨押埔扎蛋掩唁释俐羡修斗捞王侵冶辖鹃蔼4.JavaScript表单处理课件Zend PHPChina PCTI 文本框对象 BODY