javascript 客户端信息检测简洁版（THML中制作）

最新推荐文章于 2022-05-04 10:00:41 发布

qq_陌离

最新推荐文章于 2022-05-04 10:00:41 发布

阅读量211

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_42522022/article/details/88761989

版权

javascript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

建一个名为asd.html的登录成功后的界面可检验登录成功
次网页为简单网页，语句供参考。

<title>无标题文档</title>
<script>
function check()
{
var name=document.getElementById("uname").value;
var PID=document.getElementById("PID").value;
var QPID=document.getElementById("QPID").value;
var YX=document.getElementById("YX").value;
var pattern =  /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //定义邮箱的填写顺序
   if (name==null || name==''){
      
         alert('请输入用户名！');
         return false;
        }
   if(PID==null || PID=='') {
       
          alert('密码不能为空！');
           return false;
           }
   if(QPID==null || QPID=='') {
     
          alert('密码不能为空！');
          return false;
          }
   if(QPID!=PID ){

        alert('两次密码不一致！');
          return false;
          }
   if(PID.length<6||PID.length>20){
          alert("密码必须为6-20个字符");
           return false;
           }
   if(QPID.length<6||QPID.length>20){
       alert("密码必须为6-20个字符");
        return false;   
        }
   if(YX==""|| !pattern.test(YX)){    //这是第一种方式，如果邮箱顺序不对即出警告请填写正确的邮箱格式
     alert("请填写正确的邮箱格式");
     return false;
     }
  /*if(YX.indexOf("@",0)==-1)         //第二种方式，如果邮箱没有@符号或者没有.符号便出提示电子邮箱格式不对
     {
       alert("电子邮箱格式不正确\n必须包含@符号！");
       return false;
       }
  if(YX.indexOf(".",0)==-1){
     alert("电子邮箱格式不正确\n必须包含.符号！");
     return false;
      }*/
      else
        return true;
}
</script>
</head>
<body>
<form id="frm1"  method="post" action="asd.html" onsubmit="return check()">
<p>用户名* &nbsp;&nbsp;&nbsp; 
<input type="text" name="uname" id="uname" /></p>
<p>密 码* &nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; 
<input type="password" name="PID" id="PID" /></p>
<p>确认密码*
<input type="password" name="QPID" id="QPID" /></p>
<p>邮 箱 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="YX" id="YX" /></p>
<p><input type="submit" name="addbutton" id="addbutton" value="提交" /></p>
</form>
</body>
</html>

运行结果及图片
当用户名未填写，提示“请输入用户名！”
当密码或确认密码未填写，提示“密码不能为空！”
当密码和确认密码的内容不一致时，提示“两次密码不一致！”
当密码和确认密码的内容少于6个字符时，提示“密码必须为6-20个字符！”
前三项为必填项
邮箱
第一种方式，当邮箱填写顺序不正确时，提示“请填写正确的邮箱格式！”
第二种方式，当邮箱填写内容没有@符号或者没有.符号，提示“电子邮箱格式不对！”(邮箱顺序不对依旧可以登录)
在这里插入图片描述

qq_陌离

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 客户端信息检测简洁版（THML中制作）

建一个名为asd.html的登录成功后的界面可检验登录成功次网页为简单网页，语句供参考。<title>无标题文档</title><script>function check(){var name=document.getElementById("uname").value;var PID=document.getElementById("PID")...
复制链接

扫一扫

专栏目录