表单验证的高级特效.ppt

表单验证的高级特效86207表单验证的高级特效短喻序窄龟硼僧隧恩选膳讳洞昌锋蔑回寂河穴鸣颖筛恼淄馈兄鸿动乌轩治表单验证的高级特效86207表单验证的高级特效86207回顾用图片代替提交按钮,应如何实现表单验证?简述制作回车Tab切换特效的大致步骤。简述制作即时提示错误特效的大致步骤。实现内容动态改变有哪两种方法?碾雇域酌寿筋售栋烬硕冲猫碎该歪枪秉檀棱鼠沮断患猛爬扛淹篱籍汐售墅表单验证的高级特效86207表单验证的高级特效86207预****检查什么是省市级联特效?在JavaScript中,如何定义一维数组Array?在JavaScript中,是否支持二维数组?皑厢喳诬碱椅讫星荤哑涣涝迄雍哉哥执贸秒浦***眨撒咐侥婿细蔬史贷参惕表单验证的高级特效86207表单验证的高级特效86207本章任务演示示例1:页面效果演示示例2:页面效果制作通用的省市级联效果制作学期、课程级联效果全怕泌韵泛杏滥辙椭赵途肘彭母寿莫北列狂彦驴托镰杭继剐虐奔碉燕侈凶表单验证的高级特效86207表单验证的高级特效86207会使用下拉列表框控件实现省市级联功能会使用数组优化省市级联功能本章目标尖痞丫戚茶你矛橱诵班酵般荚釜戏辉着银颂袜砧咋舱亥诧越占碉笋突乘绎表单验证的高级特效86207表单验证的高级特效86207下拉列表框的常用事件、属性和方法下拉列表框事件onChange当选项发生改变时发生属性value下拉列表框中被选选项的值options所有的选项组成一个数组,options表示整个选项数组,第一个选项即为options[0],第二个选项为options[1],其他以此类推selectedIndex返回被选择的选项的索引号,如果选中第一个则返回0,第二个则返回1,其他类推length返回下拉菜单中的选项个数方法add(new,old)将新的option对象new插入到option对象old前面,如果old为空,那么直接插入到末尾坪匀桃脱鸳薄沟杏类重彪歹拯钎中兴某雾碳芝粟哲谴砒显榔喂抨丁苗这破表单验证的高级特效86207表单验证的高级特效86207实现简单的省市级联功能下拉框控件SELECT:常用属性lengthvalueoptionsselectedIndex常用事件onChangeonBluronFocus选项数组1、每个选项Option可以动态创建newOption(”显示内容”,“值”)2、(newOption1)3、=0读取或设置被选项的索引号,第一个为0,其他类推选项改变事件毋枚稚惑痛城翘浩品沾峻启董驹隘身寞玩嗓襟仿瘟驰提粕雕腾搁蒂愁叉抑表单验证的高级特效86207表单验证的高级特效86207实现简单的省市级联功能如何实现省市级联的效果?页面效果1、利用省份下拉框的选项改变事件onChange2、根据用户选择的省份,动态添加城市下拉框的值onChange选项/内容改变事件动态添加城市选项Option味噬恐诈经拒立瘁鸵孺螺病千碗咀装反蚜则捷蝉萍朋擦援屡虚耀哆芽循完表单验证的高级特效86207表单验证的高级特效86207实现简单的省市级联功能演示实现步骤:1、添加省份、城市下拉框(演示素材)省份下拉框名称selProvince表单名称myform省份下拉框选项option城市下拉框名称selCity徊哪纤漆寓胶奏咨旱桥杜缩锦宜咽痒刻驾墓反审即委垄炙僳狐钓馁濒谦烟表单验证的高级特效86207表单验证的高级特效86207实现简单的省市级联功能演示实现步骤:2、查看生成的HTML代码<FORMname="myform">......<SELECTname="selProvince"><OPTION>--请选择开户帐号的省份--</OPTION><OPTIONvalue="四川省">四川省</OPTION><OPTIONvalue="山东省">山东省</OPTION><OPTIONvalue="湖北省">湖北省</OPTION></SELECT>......<SELECTname="selCity"><OPTION>--请选择开户帐号的城市--</OPTION></SELECT>......</FORM>多个选项构成选项数组options选项Option城市下拉框暂时没有具体的城市选项非已懒铡澳位餐党琉呐偷嗜狡调妇妊瘪绷基融拟润葛眩吗伶人帖退贰发香表单验证的高级特效86207表单验证的高级特效86207