面试题之表单验证

面试的时候遇到一题，需要手撸代码进行表单验证，直接上代码。
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>表单验证</title>
  </head>
  <body>
  <!--
  	表单验证
  		输入：姓名
  		输入：密码
  		输入：确认密码
  	要求： 1.两次密码不可为空且相同，并且不少于6位；
   		 2.姓名不可为空，只能为字母、数字、或下划线；
   		 3.使用原生js中dom对象
   		 
   	更多资料、面试题可以微信关注公众号
   	明叶师兄的学堂
   	进行查看
  -->

  <form action="" method="get">
  	姓名：<input type="text" id="Name" name="Name"> 密码：
  	<input type="text" id="Secret1" name="Secret1"> 确认：
  	<input type="text" id="Secret2" name="Secret2" class="ok">
  	<input type="button" id="submit" name="submit" value="提交" onclick="button_submit()">
  </form>
  </body>
  <script>
  function button_submit() {
  	var name = document.getElementById("Name").value;
  	console.log(name);
  	console.log(isName(name));

  	var secret1 = document.getElementsByName("Secret1")[0].value;
  	console.log(secret1);
  	var secret2 = document.getElementsByClassName("ok")[0].value;
  	console.log(secret2);
  	//输出字符串的位数
  	console.log(secret2.length);
  	if(secret1 != null && secret2 != null) {
  		if(secret1.length >= 6) {
  			if(secret1 == secret2) {
  				if(name != null) {
  					if (isName(name) == true) {
  						alert("注册成功！");
  					} else{
  						alert("姓名填写不符合规范！");
  					}
  				} else {
  					alert("姓名不可为空！");
  				}
  			} else {
  				alert("请确保两次输入的密码相同！");
  			}
  		} else {
  			alert("密码不可以小于6位！");
  		}
  	} else {
  		alert("密码不可以为空！");
  	}
  }

  /*校验名字格式 */
  function isName(str) {
  	var regu = "^[0-9a-zA-Z\_]+$";
  	var reg = new RegExp(regu);
  	return reg.test(str);
  }
  </script>
  </html>
更多精彩内容，请关注微信关注公众号 明叶师兄的学堂