以下に示すように: ソース コードは次のとおりです: コードをコピー コードは次のとおりです: < title> <br>//データ検証を実行します<br>function ValidateForm() { <br>var booknamelist = document.getElementsByName("BookName "); <br>var bookversionlist = document.getElementsByName("Version"); <br>var booknumlist = document.getElementsByName("BookNum"); <br>for (var i = 0; i < booknamelist.length; i ) { <BR>var bookname = booknamelist[i].value; <BR>var booknum = booknumlist[i].value; "") { <BR>alert("The" (i 1) "行の書籍名を空にすることはできません!"); <BR>return false; <BR>if (bookversion == "" ) { <BR>alert( "The" (i 1) "行の書籍版を空にすることはできません!"); <BR>return false; <BR>if (booknum == "") { <BR>alert("the" ( i 1) "行内の書籍の数を空にすることはできません!"); <BR>return false <BR>} <BR>if (isNaN(booknum)) { <BR>alert("th" (i 1) "row 入力された本の数が間違っています。 "); <BR>return false; <BR>} <BR>} <BR>return true; <BR>} <BR>var rowNum = 2; <BR>//行を追加<BR>function AddRow() { <BR>var myTable = document.getElementByIdx_x("myTable"); <BR>var newTr = myTable.insertRow(rowNum); <BR>var newTd1 = newTr.insertCell(0); align ", "center"); <BR>newTd1.innerHTML = '<input type="text" name="書籍名" style="width:200px">'; <br>var newTd2 = newTr.insertCell( 1 ); <br>newTd2.setAttribute("align", "center"); <br>newTd2.innerHTML = '<input type="text" name="Version" style="width: 120px" /> ' ; <BR>var newTd3 = newTr.insertCell(2); <BR>newTd3.setAttribute("align", "center"); <BR>newTd3.innerHTML = '<input type="text" name=" BookNum " style="width: 56px" />'; <br>var newTd4 = newTr.insertCell(3); <br>newTd4.setAttribute("align", "center"); <br>newTd4.innerHTML = ' <input type="text" name="BookAuthor" style="width: 70px" />'; <br>var newTd5 = newTr.insertCell(4); <br>newTd5.setAttribute("align", " center"); <br>newTd5.innerHTML = '<input type="text" name="BookPress" style="width: 102px" />'; <BR>rowNum <BR>} <BR> / /最後の行を削除します<BR>function DeleteRow() { <BR>var myTable = document.getElementByIdx_x("myTable"); <BR>if (rowNum > 1) { <BR>myTable.deleteRow(rowNum-1) ); <BR>rowNum--; <BR>} <BR></head> <br><body> " cellpacing="0px" cellpadding="2px" width="700px"> <br><tr> <br><td align="center" style="color: #006699; "> ; <BR>ブック名<BR></td> <br><td align="center" style="color: #006699; font-weight: bulled;"> <br>バージョン<br></td> <br><td align="center" style="color: #006699; font-weight:bold;"> <br>数量 (これ) <br></td> 🎜> <br>本の著者<br><td> <br><td align="center" " style ="color: #006699; font-weight:大胆;"> <br>出版社<br></td> <br></tr> <br><tr> <br>< ;td align="center"> <br><input name="bookName" type="text" style="width: 200px" /> <br></td> =" センター"> <br><input type="text" name="バージョン" style="width: 120px" /> <br><td align="center" "> ; <BR><input type="text" name="BookNum" style="width: 56px" /> <br></td> <br><td align="center"> <br><input type="text" name="BookAuthor" style="width: 70px" /> <br></td> <br><td align="center"> < input type="text" name="BookPress" style="width: 102px" /> <br></tr> < div> <br><input type="button" value="ブックを追加" onclick="AddRow()" /><input type="button" value="ブックを削除" <BR> "DeleteRow ()" /><input type="button" value="Submit" onclick="ValidateForm()" /></div> <br></body> html><br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
