js对表格数据的增删改
这是一个简单的数据修改 添加 删除
1.添加 修改 点击按钮会弹出模态窗口对数据进行编辑
2.做了一些简单的校验 用户名和密码不能为空 电话3~5-8 邮箱英文和数字组合+@英文+.com 验证 出生日期 加了一个时间控件 这个网上应该很多啦
3.页面在初始化的时候是从本地文件中读取json格式的文件 动态的加载到tr td中的
4.点中复选框 该行的文字会变成蓝色 取消后恢复最初颜色；
5.可以批量的删除，点击全选后 会删除所有的数据
这应该是个很简陋的作品啦 但是涉及到了很多 js的知识 可以简单的学习一下 没有介绍原理性的东西 主要还是实践
没有加入太多css的样式 无奈 本人缺少艺术细菌啊 太多的代码大家可能不太愿意看 那我说说实现的细节
下面看一下具体的实现过程
//主页面 index.html 初始化表格
在添加页面add.html获取参数//电话号码 3~5-8位 var reg=/^[0-9]{3,5}-[0-9]{8}$/;//邮箱 var reg2=/^(([0-9]+[a-zA-Z]+)|([a-zA-Z]+[0-9]+))@[a-zA-Z]+(\.com)$/;var telObj=document.getElementById('telephoneId');reg.test(telObj.value);//对电话号码进行校验 邮箱的也一样
我没有上传源码 主要还是思路 还有方法 还是要自己去事实现的哦 上传一个时间控件
