原生js表单验证

<form name="myForm" action="" onsubmit="return validateForm()" method="post">

 <div> 邮箱:

    <input type="text" name="email">

  </div>

  <div> 账号:

    <input type="text" name="username">

  </div>

  <div> 密码:

    <input type="text" name="password">

  </div>

  <input type="submit" value="提交">

</form>

<script>

function validateForm(){

  var username=document.forms["myForm"]["username"].value;

  var password=document.forms["myForm"]["password"].value;

  var email=document.forms["myForm"]["email"].value;

  var atpos=email.indexOf("@");

  var dotpos=email.lastIndexOf(".");

  /* 邮箱验证 */

  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length){

  alert("不是一个有效的 e-mail 地址");

  return false;

  }

  /* 用户名验证 */

  if (username==null || username==""){

  alert("账号必须填写");

  return false;

  }

  /* 密码验证 */

  if (password==null || password==""){

  alert("密码必须填写");

  return false;

  }

}

</script>

表单验证.zip