<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/">
<html xmlns="http:///1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//Check data verification
function ValidateForm() {
var booknamelist = ("BookName");
var bookversionlist = ("Version");
var booknumlist = ("BookNum");
for (var i = 0; i < ; i++) {
var bookname = booknamelist[i].value;
var bookversion = bookversionlist[i].value;
var booknum = booknumlist[i].value;
if (bookname == "") {
alert("Thread" + (i + 1) + "The book name of the line cannot be empty!");
return false;
}
if (bookversion == "") {
alert("Thread" + (i + 1) + "The book version of the line cannot be empty!");
return false;
}
if (booknum == "") {
alert("Thread" + (i + 1) + "The number of books in the row cannot be empty!");
return false;
}
if (isNaN(booknum)) {
alert("Th" + (i + 1) + "The number of books in the rows is entered incorrectly!");
return false;
}
}
return true;
}
var rowNum = 2;
//Add a line
function AddRow() {
var myTable = document.getElementByIdx_x("myTable");
var newTr = (rowNum);
var newTd1 = (0);
("align", "center");
= '<input type="text" name="BookName" style="width:200px">';
var newTd2 = (1);
("align", "center");
= '<input type="text" name="Version" style="width: 120px" />';
var newTd3 = (2);
("align", "center");
= '<input type="text" name="BookNum" style="width: 56px" />';
var newTd4 = (3);
("align", "center");
= '<input type="text" name="BookAuthor" style="width: 70px" />';
var newTd5 = (4);
("align", "center");
= '<input type="text" name="BookPress" style="width: 102px" />';
rowNum++;
}
//Delete the last line
function DeleteRow() {
var myTable = document.getElementByIdx_x("myTable");
if (rowNum > 1) {
(rowNum-1);
rowNum--;
}
}
</script>
</head>
<body>
<table cellspacing="0px" cellpadding="2px" width="700px">
<tr>
<td align="center" style="color: #006699; font-weight: bold;">
Book Name
</td>
<td align="center" style="color: #006699; font-weight: bold;">
Version
</td>
<td align="center" style="color: #006699; font-weight: bold;">
Quantity (this)
</td>
<td align="center" style="color: #006699; font-weight: bold;">
Book author
</td>
<td align="center" style="color: #006699; font-weight: bold;">
Publishing House
</td>
</tr>
<tr>
<td align="center">
<input name="BookName" type="text" style="width: 200px" />
</td>
<td align="center">
<input type="text" name="Version" style="width: 120px" />
</td>
<td align="center">
<input type="text" name="BookNum" style="width: 56px" />
</td>
<td align="center">
<input type="text" name="BookAuthor" style="width: 70px" />
</td>
<td align="center">
<input type="text" name="BookPress" style="width: 102px" />
</td>
</tr>
</table>
<div>
<input type="button" value="Add book" onclick="AddRow()" /><input type="button" value="Delete book"
onclick="DeleteRow()" /><input type="button" value="Submit" onclick="ValidateForm()" /></div>
</body>
</html>