javascript对talbe进行动态添加 删除 验证实现代码【javascript】

web前端|js教程

动态添加,删除,验证

web前端-js教程

下图例：

源代码如下：

动漫电影网站源码,Ubuntu系统usb缓存,爬虫拼音怎么读,php浮雕,gsa seo软件lzw

//进行数据验证

function ValidateForm() {

var booknamelist = document.getElementsByName("BookName");

var bookversionlist = document.getElementsByName("Version");

var booknumlist = document.getElementsByName("BookNum");

for (var i = 0; i < booknamelist.length; i++) {

var bookname = booknamelist[i].value;

var bookversion = bookversionlist[i].value;

var booknum = booknumlist[i].value;

if (bookname == "") {

alert("第" + (i + 1) + "行的图书名称不能为空！");

return false;

}

if (bookversion == "") {

alert("第" + (i + 1) + "行的图书版本不能为空！");

return false;

}

if (booknum == "") {

alert("第" + (i + 1) + "行的图书数量不能为空！");

return false;

}

if (isNaN(booknum)) {

alert("第" + (i + 1) + "行的图书数量输入的不正确！");

return false;

}

}

return true;

}

var rowNum = 2;

//添加一行

function AddRow() {

var myTable = document.getElementByIdx_x("myTable");

var newTr = myTable.insertRow(rowNum);

var newTd1 = newTr.insertCell(0);

newTd1.setAttribute("align", "center");

newTd1.innerHTML = \;

var newTd2 = newTr.insertCell(1);

newTd2.setAttribute("align", "center");

newTd2.innerHTML = \;

var newTd3 = newTr.insertCell(2);

newTd3.setAttribute("align", "center");

newTd3.innerHTML = \;

var newTd4 = newTr.insertCell(3);

newTd4.setAttribute("align", "center");

newTd4.innerHTML = \;

var newTd5 = newTr.insertCell(4);

newTd5.setAttribute("align", "center");

newTd5.innerHTML = \;

rowNum++;

}

//删除最后一行

function DeleteRow() {

var myTable = document.getElementByIdx_x("myTable");

if (rowNum > 1) {

myTable.deleteRow(rowNum-1);

rowNum--;

}

}

时时彩源码出租,vscode 使用什么编写,vm 安装ubuntu,tomcat端口号怎么,sqlite读取数据算费用吗,68网页设计师联盟,vps数据库地址,php租那家服务器,移动端弹出框插件,前端框架技术vue总结教程交流,爬虫可以爬哪些网站,php怎么写接口,辉煌seo,springboot秒杀服务,dz调用主题标签,php企业网站cms,手机网页怎么滑动,discuz 文章列表模板,大气后台登陆页模块,bootstrap 404页面,android 仓库管理系统,返现程序lzw

<input type="button" value="删除图书"

onclick="DeleteRow()" />