添加表单
来源:互联网 发布:人工智能行业研究报告 编辑:程序博客网 时间:2024/05/24 22:46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><script src="jquery-2.1.0.js"></script><script>var arr = new Array(); function dianji(){ var name = $("#nameId").val(); var namespan = $("#nameSpan"); var email = $("#emailId").val(); var emailspan = $("#emailSpan"); var phone = $("#phoneId").val(); var phonespan = $("#phoneSpan"); var flag = true; /*姓名判断为空*/ if(name == null || name=="") { namespan.html("姓名不能为空!"); flag=false; }else { namespan.html(""); } /*邮箱判断不为空*/ if(email == null || email=="") { emailspan.html("邮箱不能为空!"); flag = false; }else { emailspan.html(""); } /*电话不能为空只能是11位*/ if(phone == null || phone=="" ) { phonespan.html("电话不能为空!"); flag = false; }else { phonespan.html(""); if(phone.length==11) { phonespan.html(""); }else { phonespan.html("必须11位!") ; flag = false; } } if(flag) { arr.push(new Array(name,email,phone)); var tab = document.getElementById("tab"); tab.innerHTML="<tr><td>姓名</td><td>邮箱</td><td>电话</td><td>操作</td></tr>"; $(arr).each(function(index){ tab.innerHTML +="<tr><td>"+this[0]+"</td><td>"+this[1]+"</td><td>"+this[2]+"</td><td><a href='#' onclick='shan("+index+")'>delete</a></td></tr>"; }); } } function shan(index){ arr.splice(index,1); var ta = $("#tab"); tab.innerHTML="<tr><td>姓名</td><td>邮箱</td><td>电话</td><td>操作</td></tr>"; $(arr).each(function(index){ tab.innerHTML +="<tr><td>"+this[0]+"</td><td>"+this[1]+"</td><td>"+this[2]+"</td><td><a href='#' onclick='shan("+index+")'>delete</a></td></tr>"; }); }</script><body>姓名:<input type="text" id="nameId"/><span id="nameSpan"></span><br/>email:<input type="text" id="emailId"/><span id="emailSpan"></span><br/>电话:<input type="text" id="phoneId"/><span id="phoneSpan"></span><br/><input type="button" onclick="dianji()" value="提交"/><br/><table border="1" id="tab"> <tr> <td>姓名</td> <td>邮箱</td> <td>电话</td> <td>delete</td> </tr></table></body></html>
阅读全文
0 0
- 添加表单
- 动态添加表单
- 动态添加表单元素
- 动态添加删除表单
- 动态 添加 表单控件
- 表单提交添加事件
- 添加自定义表单
- 动态添加删减表单
- ajax实现表单添加
- 表单添加 删除 搜索
- 添加 删除 修改表单
- 表单查询 排序 添加
- 添加表单姓名邮箱
- jquery动态添加表单删除表单
- jquery表单列表添加删除
- 给表单添加自定义菜单
- js动态添加删除表单
- mfc中添加属性表单
- AMD、CMD、UMD
- c/c++ 获取当前程序(EXE)所在的路径
- 属性动画的几种简单用途
- 2017面试题的总结——附加答案
- Apache与Tomcat有什么关系和区别
- 添加表单
- NoClassDefFoundError异常处理办法
- 有关url的php内置函数
- 【iOS】UITableView中section的展开和收起
- 【C++多态】与虚函数简单总结
- input文本框中value值有双引号的问题
- 命名空间
- test
- Android实现动画效果