阅读下列说明、效果图和代码,进行静态网页开发,填写( 1 )至( 10 )代码。 【说明】 现接到某电商网站注册、登录页面开发的项目,在注册页面需要做前端验证。具体要求:用户名长度和格式验证、邮箱格式验证、密码长度和格式验证、密码与重复密码一致性验证。 项目名称为 verify ,包含首页 index.html 、 css 文件夹、 js 文件夹,其中, css 文件夹包含 style.css 文件, js 文件夹包含 index.js 文件。 【效果图】 图 3-1 【代码: index.html 】 登录 注册 * 用户名: 只能输入 6-20 个字母、数字、下划线 " id="username"> * 电子邮箱: 输入正确的电子邮箱地址 " id="email"> * 密码: 由字母开头 , 包含字母、数字、下划线 ,6-16 位 " id="pwd"> * 确认密码: 确认密码必须与密码一致 " id="pwdOK"> 提交 【代码: index.js 】 // 自定义验证用户名的方法 function validate_strLenght(str) { var regExp = /^(\w){6,20}$/; return regExp.test(str); } // 自定义的验证 email 方法 function validate_email(str) { var regExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; return regExp.test(str); } // 自定义验证密码的方法 function validate_pwd(str) { var regExp = /^[a-zA-Z]\w{5,15}/; return regExp.test(str); } // 根据表单控件 user 的 id 填写 var username = document.getElementById(" ( 1 ) "); // 通过 id 获取元素 var email = document. ( 2 ) ("email"); // 根据表单控件 pwd 的 id 填写 var pwd = document.getElementById(" ( 3 ) "); // 通过 id 获取元素 var pwdOK = document. ( 4 ) ("pwdOK"); // 通过标签名获取元素 var form = document. ( 5 ) ("form")[0]; // 表单提交 form. ( 6 ) = function () { // 使用自定义方法验证用户名、验证邮箱 if (validate_strLenght( ( 7 ) ) && ( 8 ) (email.value) && validate_pwd(pwd.value) && checkOk()) { console.log(username.value) console.log(email.value) console.log(pwd.value) return false; } else { // 控制台输出 ( 9 ) .log(" 验证失败 ") return false; } } // 检查用户名 username.onblur = function () { if (validate_strLenght(username.value)) { console.log(" 用户名符合要求 ") } else { console.log(" 用户名不符合要求 ") } } // 检查 meil email.onblur = function () { if (validate_email(email.value)) { console.log(" 邮箱格式符合要求 ") } else { console.log(" 邮箱格式不符合要求 ") } } // 密码框失去焦点的时候 pwd. ( 10 ) = function () { if (validate_pwd(pwd.value)) { console.log(" 密码符合要求 ") } else { console.log(" 密码不符合要求 ") } } function checkOk() { if (pwd.value == pwdOK.value) { console.log(" 密码与重复密码一致 ") return true } else { console.log(" 密码与重复密码不一致 ") return false } } pwdOK.onkeyup = checkOk 【问题】( 20 分,每空 2 分) 根据注释, 补全代码,在( 1 )至( 10 )处填入正确的内容。