jquery+表单验证(标签操作)
来源:互联网 发布:硕士毕业论文 知乎 编辑:程序博客网 时间:2024/05/19 06:39
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.11.0.js"></script> <script> $(function () { $("button").click(function () { var name = $("input:eq(0)").val(); var email = $("input:eq(1)").val(); var phone = $("input:eq(2)").val(); var flag=true; if(name == null || name ==""){ alert("姓名不能为空"); flag=false; } if(email == null || email ==""){ alert("邮箱不能为空"); flag=false; }else{ if(email.indexOf("@")>=0){ }else{ alert("格式不对"); flag=false; } } if(phone == null || phone ==""){ alert("号码不能为空"); flag=false; } if(flag){ var tr =$("<tr></tr>"); // var tr = $("#tr"); tr.append("<td>"+name+"</td>") .append("<td>"+email+"</td>") .append("<td>"+phone+"</td>") .append("<td><a href='#'>删除</a></td>").appendTo($("tbody")) } $("a").click(function () { var tr = $(this).parent().parent(); tr.remove(); }); }) ; }); </script></head><body><center> 姓名:<input type="text"><br/> 邮箱:<input type="text"><br/> 电话:<input type="text"><br/> <button>添加</button> <hr/><table border="1px solid #000" cellspacing="0" cellpadding="10"> <thead> <th>姓名</th> <th>邮箱</th> <th>电话</th> <th>操作</th> </thead> <tbody> <tr id="tr"> </tr> </tbody></table></center></body></html>
阅读全文
0 0
- jquery+表单验证(标签操作)
- jQuery标签式表单验证提示(警告)信息
- JQuery EasyUI表单-表单验证
- JQuery入门常用的一些方法、表单操作、正则验证
- jQuery简易表单验证插件(可链式操作)
- jquery 表单验证插件
- JQuery验证表单例子
- jQuery对表单验证
- jquery表单验证插件
- jquery表单验证
- jquery 通用表单验证
- jquery表单验证
- jquery重写表单验证
- jquery 表单验证框架
- jQuery validate 表单验证
- jquery表单验证
- jQuery表单验证
- jquery验证前台表单
- test
- 阿里云专有网络VPC使用教
- Webpack是什么(基本含义)
- 佛祖保护,代码永无bug
- UVA400 Unix ls
- jquery+表单验证(标签操作)
- PopupWindow详解
- Django实现登录
- Mac环境下配置andrion环境变量-RectNative引发的问题
- Linux常用命令(二)
- CDC::GetDeviceCaps()物理长度与屏幕像素间的转换
- 莫比乌斯函数摘录笔记
- 输出全部的希腊字母(作业)
- 使用了js控制根元素的font-size大小,然后进行rem换算