아래와 같습니다. 소스코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. < 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 bookversion = bookversionlist[i].value; <BR>var booknum = booknumlist[i].value <BR>if (bookname == "") { <BR>alert("The" (i 1) "행의 책 이름은 비워둘 수 없습니다!") <BR>return false <BR>} <BR>if (bookversion == "" ) { <BR>alert( "The" (i 1) "행의 책 버전은 비어 있을 수 없습니다!") <BR>return false; <BR>} <BR>if (booknum == "") { <BR>alert("the" ( i 1) "행의 책 수는 비어 있을 수 없습니다!") <BR>return false <BR>} <BR>if (isNaN(booknum)) { <BR>alert("th" (i 1) "row 입력한 도서의 수가 올바르지 않습니다! "); <BR> false 반환; <BR>} <BR>} <BR> 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="BookName" 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>} <br>} <br></head> <br><table id="myTable " 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:bold;"> <br>버전<br>< ;/td> <br><td align="center" style="color: #006699;font-weight:bold;"> <br>수량(이것) <br></td> 🎜> <td align="center" style="color: #006699;font-weight:bold;"> <br>책 저자<br></td> <br><td align="center " style ="color: #006699;font-weight:bold;"> <br>출판사<br></td> <br></tr> <br><tr> <br>< ;td align="center"> <br><input name="BookName" type="text" style="width: 200px" /> <br></td> <br><td =" center"> <br><input type="text" name="Version" style="width: 120px" /> <br></td> <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></td> <br></table> < div> <br><input type="button" value="책 추가" onclick="AddRow()" /><input type="button" value="책 삭제" <BR>onclick= "행 삭제()" /><input type="button" value="Submit" onclick="ValidateForm()" /></div> <br></body> HTML> <br><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
