1. 개요
실제 개발에서는 사용자가 제출 한 양식의 요소 값이 비어 있는지 여부를 결정해야합니다. 또 다른 상황은 양식의 모든 요소의 값이 비어 있지 않다는 것입니다. 이 예제는 양식의 모든 요소가 비어 있는지 확인하는 간단하고 효과적인 방법을 소개합니다.
2. 기술 포인트
주로 양식 개체의 요소 속성을 통해 루핑하여 JavaScript로 구현됩니다. 양식 개체의 요소 속성은 페이지의 양식 양식의 모든 요소 배열입니다. 예를 들어, form.elements [0]는 양식의 첫 번째 요소 객체를 나타내고, form.elements [n]은 양식의 n 번째 요소 객체를 나타냅니다.
3. 특정 구현 코드
(1) 새 index.jsp 양식 페이지를 만듭니다. 페이지의 형태에는 비어 있지 않은 3 개의 요소와 제출 버튼이 포함되어 있습니다. 양식의 ID 속성 값을 정의해야합니다. 키 코드는 다음과 같습니다.
<form action = ""id = "myform"> <table align = "center"> <tr> <td> 메시지 : </td> <td> <input type = "text"name "="messageUser "> </td> </tr> <tr> <td> 메시지 제목 : </td> <td> <input type ="text ""names = "Massagetle"> </td> </tr> <tt> <td> 메시지 내용 : </td> <td> <textarea rows = "8"cols = "45"> </textarea> </td> <tr> <td align = "center"colspan = "2"> <input type ""value ""onclick = "check ()"> </td> </form = ">
(2)이 페이지의 <cript> 태그에서 양식 요소의 값이 비어있을 수 없는지 확인하는 메소드를 작성하십시오. 키 코드는 다음과 같습니다.
함수 check () {var myform = document.getElementById ( "myform"); // (var i = 0; i <myform.length; i ++) {// 루프 양식 if (myform.elements [i] .value == "") {// 각 요소가 빈 알리트인지 판단합니다 (myform.elements [i] .title+"wamp time!"); myform.elements [i] .focus // 요소는 초점을 얻습니다.}} myform.submit ();}JavaScript에서 양식 객체의 요소 속성의 값 속성은 지정된 요소의 값을 나타냅니다. 이름 속성은 지정된 양식 요소의 이름을 나타냅니다. 제목 속성은 양식 요소의 제목을 나타냅니다.
위는 편집기가 폼 요소의 값이 비어 있는지 확인하기 위해 편집기가 소개하는 예제 코드에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!