测试题目1:表单验证 制作一个包含表单的网页,表单中包括输入“用户名”、“密码”、“确认密码”和“电子邮件”的四个输入框及“提交”和“验证”两个按钮。 要求编写脚本实现验证功能,即在点击“验证”按钮时,对输入的内容进行检查,使其满足如下条件: ① “用户名”至少包含4个字符; ② “密码”与“确认密码”内容必须一致,且至少8个字符; ③ 检查“电子邮件”地址的内容,使其符合电子邮件的格式要求; ④ 无论是否通过验证,都要反馈相应的信息。测试题目2:实现表格动态效果 制作一个包含表格(6行X3列)的网页,编写脚本实现表格的动态效果,即当鼠标在表格的行间游走时,相应表格行的背景要随这变化(如:进入相应行时背景变为“黄色”,离开该行时其背景再恢复为原背景色)。
3条回答 默认 最新
- Go 旅城通票 2017-06-01 03:03关注
<style>b.err{color:red}</style> <form name="form1"> 用户名:<input type="text" name="un" /><b class="err"></b><br /> 密码:<input type="password" name="pwd" /><b class="err"></b><br /> 确认密码:<input type="password" name="cpwd" /><b class="err"></b><br /> 电子邮件:<input type="text" name="em" /><b class="err"></b><br /><input type="submit" value="提交" onclick="return validate()" /> <input type="button" value="验证" onclick="return validate()" /> </form> <script> function validate() { var f = document.form1, pass = true; f.un.nextSibling.innerHTML = f.un.value.length < 4 ? (pass = false, '“用户名”至少包含4个字符') : ''; f.pwd.nextSibling.innerHTML = f.pwd.value.length < 8 ? (pass = false, '“密码”至少包含8个字符') : ''; f.cpwd.nextSibling.innerHTML =f.cpwd.value.length < 8|| f.cpwd.value != f.pwd.value ? (pass = false, '“密码”与“确认密码”内容必须一致且至少包含8个字符') : ''; f.em.nextSibling.innerHTML = !/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/.test(f.em.value) ? (pass = false, '“电子邮件”格式错误') : ''; return pass; } function getTableHtml(rows,cols,id) { var rows = 6, cols = 3, s = '<table border="1" id="' + id + '">'; for (var i = 0; i < rows; i++) { s += '<tr>'; for (var j = 0; j < cols; j++) s += '<td>' + i + 'x' + j + '</td>'; s += '</tr>'; } s += '</table>'; return s; } function InitTREvent(id) { var rows = document.getElementById(id).rows; for (var i = 0; i < rows.length; i++) rows[i].onmouseover = rows[i].onmouseout = function (e) { e = e || window.event; this.style.backgroundColor = e.type == 'mouseover' ? 'yellow' : 'transparent'; } } document.write(getTableHtml(6, 3, "test")); InitTREvent('test'); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 保护模式-系统加载-段寄存器
- ¥15 matlab求解平差
- ¥15 电脑桌面设定一个区域禁止鼠标操作
- ¥15 求NPF226060磁芯的详细资料
- ¥15 使用R语言marginaleffects包进行边际效应图绘制
- ¥20 usb设备兼容性问题
- ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
- ¥15 安装svn网络有问题怎么办
- ¥15 vue2登录调用后端接口如何实现
- ¥85 永磁型步进电机PID算法