【Asp.net精品源码栏目提醒】:网学会员,鉴于大家对Asp.net精品源码十分关注,论文会员在此为大家搜集整理了“【精品】表单验证的高级特效 - 其它资料”一文,供大家参考学习!
第七章表单验证的高级特效 回顾用图片代替提交按钮,应如何实现表单验证?简述制作回车Tab切换特效的大致步骤。
简述制作即时提示错误特效的大致步骤。
实现内容动态改变有哪两种方法? 预习检查什么是省市级联特效?在JavaScript中,如何定义一维数组Array?在JavaScript中,是否支持二维数组? 本章任务制作通用的省市级联效果 演示示例1:页面效果 演示示例1:页面效果制作学期、课程级联效果 演示示例2:页面效果 演示示例2:页面效果 本章目标会使用下拉列表框控件实现省市级联功能会使用数组优化省市级联功能 实现简单的省市级联功能 如何实现省市级联的效果? 页面效果 onChange onChange 选项/内容改变事件 选项/内容改变事件 动态添加 动态添加 城市选项Option 城市选项Option1、利用省份下拉框的选项改变事件onChange2、根据用户选择的省份,动态添加城市下拉框的值 实现简单的省市级联功能演示实现步骤:1、添加省份、城市下拉框(演示素材) 表单名称 表单名称 myform myform 省份下拉框名称 省份下拉框名称 selProvince selProvince 城市下拉框名称 城市下拉框名称 selCity selCity 省份下拉框选项 省份下拉框选项 option option 实现简单的省市级联功能演示实现步骤:2、查看生成的HTML代码 选项 选项...... Option Option--请选择开户帐号的省份-- 多个选项构成 多个选项构成四川省 选项数组 选项数组山东省 options options湖北省 ...... 城市下拉框暂 城市下拉框暂--请选择开户帐号的城市-- 时没有具体的 时没有具体的 城市选项 城市选项 ...... 实现简单的省市级联功能演示实现步骤: 查看源代码3、添加动态改变城市选项的changeCity 函数 1、获取用户选 1、获取用户选function changeCity 择的省份 择的省份 var provincedocument.myform.selProvince.value var newOption1newOption2 switchprovince 2、根据用户选择的省份, 2、根据用户选择的省份, 动态创建城市下拉框选项 动态创建城市下拉框选项 case 四川省 : newOption1 new Option成都市chengdu newOption2 new Option泸州市luzhou break 3、清除原有的选项 3、清除原有的选项 case 湖北省 : …… document.myform.selCity.options.length0 document.myform.selCity.options.addnewOption1 document.myform.selCity.options.addnewOption2 4、将选项添加到选项数组options 4、将选项添加到选项数组options 实现简单的省市级联功能演示实现步骤: 查看源代码4、选择下拉框的onChange事件,调用事件函数 当用户选择不同的省份 当用户选择不同的省份 时,将调用函数,改变 时,将调用函数,改变 城市下拉框的选项 城市下拉框的选项……--请选择开户帐号的省份--四川省山东省湖北省…… 实现简单的省市级联功能 选项数组 选项数组小结下拉框控件SELECT: 1、每个选项Option可以动态创建 1、每个选项Option可以动态创建 new Option”显示内容”,“值” new Option”显示内容”,“值” 常用属性 2、动态添加选项 2、动态添加选项 selCity.options.addnewOption1) selCity.options.addnewOption1) length 3、清除选项 3、清除选项 value selCity.options.length0 selCity.options.length0 options selectedIndex 读取或设置被选项的索引号, 读取或设置被选项的索引号, 第一个为0,其他类推 第一个为0,其他类推 常用事件 onChange 选项改变事件 选项改变事件 onBlur onFocus 小结1实现学期、课程的级联 练习答案 学期 学期 第一学期 第一学期 第二学期 第二学期 第二学年 第二学年 各学期对应课程 各学期对应课程 第一学期:HTML、Java 第一学期:HTML、Java 第二学期:Sqlserver、.Net 第二学期:Sqlserver、.Net 第二学年:Struts、Ajax 第二学年:Struts、Ajax 使用数组优化省市级联功能 每个省实际上有很多城市、并且城市数量不等, 有没有更简单、通用的办法?var ne