javascript简单验证

cbynietg

于 2010-01-14 14:45:00 发布

阅读量425

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript input email action function html

本文链接：https://blog.youkuaiyun.com/cbynietg/article/details/5189944

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面包含一个表单用于收集用户的姓名、密码和电子邮件地址，并使用JavaScript进行基本的客户端验证。验证包括检查用户名是否为空、密码长度是否符合要求以及电子邮件地址的格式是否正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
    <base href="<%=basePath%>">

<script type="text/javascript">
  function check(){
   var name1 = document.form1.name1.value;

   var password1 = document.form1.password1.value;

   var email = document.form1.email.value;

   if(name1 == ""){
    alert("用户名不能为空!");
    return false;
   }
   else if(password1.length<4 || password1==""){
    alert("密码不能少于4位");
    return false;
   }else {
    var idxEmail = email.indexOf('@');
    if(idxEmail <=0 || idxEmail == email.length - 1){
     alert("Email地址格式不合法");
     return false;
    }
   }
  }
</script>
</head>

<body>
<form action="registerOK.jsp" method="post" name="form1" onsubmit="return check()">
  <input type="text" name="name1"/>
  <input type="password" name="password1"/>
  <input type="text" name="email" />
  <input type="submit" value="提交">
</form>
</body>
</html>