添加用户判断

最新推荐文章于 2022-01-12 10:39:10 发布

龙图图

最新推荐文章于 2022-01-12 10:39:10 发布

阅读量213

点赞数

分类专栏：网页设计文章标签：表格

本文链接：https://blog.csdn.net/xingyueyezi01/article/details/78302584

版权

网页设计专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <script src="jquery-2.1.0.js"></script>
    <script>

       $(function () {
           $("#btn").click(function () {
               //给按钮添加点击事件
               var name=$("input:eq(0)").val();
               var email=$("input:eq(1)").val();
               var tel=$("input:eq(2)").val();
               var flag1=flag2=flag3=true;
               if(name==null||name==""){
                   alert("用户名不能为空");
                    flag1=false;
               }else {
                   alert("用户名正确");
                   flag1=true;
               }
               //验证邮箱
               var reg=/@/;
               var isemail=reg.test(email);
               if(!isemail){
                   alert("*email不符合格式");
                   flag2=false;
               }else {
                   alert("格式正确");
                   flag3=true;
               }
               var reg=/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
         var istel=reg.test(tel);
         if(!istel){
             alert("tel不能为空");
             flag3=false;
         }else {
             alert("tel格式正确");
             flag3=true;
         }
               if(flag1 && flag2 && flag3){
          //创建单元格
             var tdName=$("<td>"+name+"</td>");
             var tdEmail=$("<td>"+email+"</td>");
             var tdTel=$("<td>"+tel+"</td>");
             var tdA = $("<td><a href='#'>删除</a></td>");

                   $("<tr></tr>").append(tdName).append(tdEmail).append(tdTel).append(tdA).appendTo($("tbody"));
    $("a").click(function () {
     var tr=$(this).parent().parent();
     if(confirm("是否删除："+tr.children().eq(0).html())){
         tr.remove();
     }
    });
         }
           });

           });


    </script>
</head>
<body>
<center>

      <h3>添加用户</h3>
    <from>

        姓名<input type="text"/>&nbsp;&nbsp;
        email:<input type="text"/>
        电话<input type="text"/><br/><br/>
        <input type="button" id="btn" value="添加"/>
        <br/><br/> <hr/><br/><br/>
        <table border="1 solid blue" cellpadding="10" cellspacing="0">

            <thead>
              <tr>
                  <th>姓名</th>
                  <th>email</th>
                  <th>电话</th>
                  <th>操作</th>


              </tr>

            </thead>
            <tbody id="tbody">


            </tbody>
        </table>
    </from>

</center>

</body>
</html>

龙图图

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
添加用户判断

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-2.1.0.js"></script> <script> $(function () { $("#btn").click(func
复制链接

扫一扫

专栏目录