客户端:表单验证

来源:互联网 发布:jsp工资管理系统源码 编辑:程序博客网 时间:2024/05/22 13:12

提交表单:

<div>      <form name="myForm" action="#" onsubmit="return validateForm()"          method="post">          名字: <input type="text" name="fname">           密码: <input type="password" name="fpassword">           邮箱: <input type="text" name="email">                <input type="submit" value="提交">      </form>  </div> 

验证表单:
/*表单验证函数*/  
function validateForm() {   // 判断用户名是否有效  var x = document.forms["myForm"]["fname"].value;  if (x == null || x == "") {  alert("需要输入名字...");  return false;  }  // 判断密码是否有效  var y = document.forms["myForm"]["fpassword"].value;  if (y == null || y == "") {  alert("需要输入密码...");  return false;  }  // 判断邮箱是否有效  var x = document.forms["myForm"]["email"].value;  var atpos = x.indexOf("@");  var dotpos = x.lastIndexOf(".");  if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= x.length) {  alert("不是一个有效的 e-mail 地址");  return false;  }  }  


0 0
原创粉丝点击