基于 JavaScript 编写一个输入验证的功能:当用户点击“提交”时,若“用户名”未填写,则弹框提示“请输入账号!”;若“密码”未填写,则弹框提示“请输入密码!”;若密码长度小于 5 ,则弹框提示“密码长度过短!”;若没有上述问题,则弹框提示“提交成功!”。如下图所示。 提示: Ø 获取一个字符串变量 str1 的长度的方法: str1.length 。 Ø 读取表单(名称为“ form1 ”)中的某个控件(名称为“ widget1 ”)的值的方法: form1.widget1.value 。 Ø 某个输入框中未输入时其值的长度为 0 。 2. 基于 JavaScript 编写一个图片替换的功能:网页上默认显示一个原始图片和一个文件选择控件(如下图 (a) 所示)。用文件选择控件选择一张图片之后,鼠标移动到图片位置原始图片替换成选择的图片(如下图 (b) 所示),鼠标从图片位置移出选择的图片替换回原始图片。 提示: Ø 鼠标移入事件属性为 onmouseover ,鼠标移出事件属性为 onmouseout 。 Ø 文件选择控件为: ,而控件的值为选中的文件的地址。 3. 基于 JavaScript 编写一个地区选择的功能:网页上默认显示一个选择省份的下拉框控件(有“浙江”和“广东”两个选项)和一个选择城市的下拉框控件(空的)(如下图 (a) 所示)。当省份下拉框选择“广东”时,城市下拉框显示“广州”、“深圳”、“中山”三个选项(如下图 (b) 所示);当省份下拉框选择“浙江”时,城市下拉框显示“杭州”、“宁波”、“温州”三个选项(如下图 (c) 所示)。 提示: Ø 下拉框选中选项的事件属性为 select 标签中的 onchange 。 Ø 在重新在下拉框中插入选项 option 时,需要把之前的选项全部删除。删除一个节点 node 下的所有子节点的 JS 函数如下: function removeAllChilds(node) { var childs = node.childNodes; for (var i = childs.length - 1; i >= 0; i--) { node.removeChild(childs[i]); } }