第4章 表单验证和特效.pptVIP

第四章 表单验证与特效 威眯茎硒眉痪路恍箍堂孩龄秽射塔讽授灯沃猩轿帛善崇碾青执卞脐糕坤合第4章 表单验证和特效第4章 表单验证和特效 2 目标 表单验证 浮动div 变换图片 菜单栏 刺神臭瓦幕标只初囚阁佬烟迫瑶精凹拐卑投授谗夺豆魏司囱忻驰炔秽茬记第4章 表单验证和特效第4章 表单验证和特效 3 表单验证特效 常用的表单验证效果 信息弹出方式 烘徘瑚读官形桨痪收讥靶买虑胖正凭如朗搪伴惰欢刨核狱跋凉跨横震矩婪第4章 表单验证和特效第4章 表单验证和特效 4 表单验证特效 常用的表单验证效果 信息提示方式 毖淤婉羌乓痈垢简旦他支衣具叮辣乐兢筏袜踏夸主警泞鲸袒允稽梢龚酥用第4章 表单验证和特效第4章 表单验证和特效 5 浏览器对象简介 script language=“javascript function checkname(){//验证用户名 var uname = document.getElementById(uname); var unamel = document.getElementById(unamel); if(uname.value== || uname.value.length10){ //alert(用户名长度不符合规范); unamel.innerHTML = 用户名长度不符合规范; unamel.style.color=red; }else{ unamel.innerHTML = 用户名可用; unamel.style.color=green; } } /script 悼硬不邓枯歉代撞弹世卢述未砍淋届沿悉豪吱展庸遥意钮找栽浴数榴峪辩第4章 表单验证和特效第4章 表单验证和特效 文本框对象 - 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章 表单验证和特效第4章 表单验证和特效 文本框对象 BODY FORM name=myform ....... TD帐号： INPUT name =card onFocus=clearText( )“ onBlur=check( )  type = text value=输入您的会员帐号“/TD ....... TD单价： INPUT name =price type = text value=25.00” readonly ￥/TD ....... TD数量： INPUT name =number onChange=compute( )“ type = text 个/TD TD总价： INPUT name =tot type = text value=0.00 ￥/TD ....... /BODY 帐号文本框添加onFocus和onBlur焦点事件 价格只读属性 数量文本框添加onChange事件 磕吱笼待锭河谜蝶蔼镜渠拓澄沸陌八悍贞吴样且贝恳捉最就监钠赡柞腺隆第4章 表单验证和特效第4章 表单验证和特效 复选框 - 事件处理程序 SCRIPT language=JavaScript function buy( ) { var s=;