添加用户判断

来源:互联网 发布:淘宝双11后生意不好 编辑:程序博客网 时间:2024/04/30 01:19
<!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>