常见的用户名，邮箱的验证

最新推荐文章于 2021-07-22 23:12:15 发布

chushiwu2371

最新推荐文章于 2021-07-22 23:12:15 发布

阅读量298

点赞数

文章标签： php

原文链接：https://my.oschina.net/u/3643035/blog/1628151

版权

<!DOCTYPE html>
<html>
<head>
<title>>用户名的验证</title>
   <meta charset="utf8">
   <script>
   function checkForm(){
       var x = document.forms["myForm"]["userName"].value;
           var y = x.length;
           var z = document.getElementById("demo");
           if(x=="" || y>5 || y<3){
           z.innerHTML = "输入不正确";
               return false;
           }else{
           z.innerHTML = "输入正确";
               return false;
           }
       }
   </script>
</head>
<body style="text-align:center">
<form action="index1.php" name="myForm" method="post" οnsubmit="return checkForm();">
   用户名:<input type="text" name="userName" ><p id="demo"></p><br/>
       <input type="submit" value="验证">
   </form>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function validateForm(){
   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;
   }
}
</script>
</head>
<body>

<form name="myForm" action="demo-form.php" οnsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>

</body>
</html>