태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

<!DOCTYPE html>

<html>

 <head>

  <title>javascript로 간단한 유효성 체크 </title>

  <script type="text/javascript">

     function submitForum(formEl) {  

     var errorMessage = null;  

     var objFocus = null;  

     if (formEl.LoginId.value.length == 0) {  

         errorMessage = "아이디를 넣어 주세요";  

         objFocus = formEl.LoginId;  

     }  

     else if (formEl.LoginPass.value.length == 0) {  

         errorMessage = "비밀번호를 넣어 주세요";  

         objFocus = formEl.LoginPass;  

     }  

     if (errorMessage != null) {  

         alert(errorMessage);  

         objFocus.focus();  

         return false;  

     }  

     return true;  

       } 

    </script>

 </head>


 <body>

  <div id="MemberLogin">  

     <div id="MemberLoginSub">  

         <form id="LoginForm" name="LoginForm" method="post" action=“login_process.php" onsubmit=" return submitForum(this);"><!-- 서식을 입력하고 전송을 누를때 발생하는 onsubmit이벤트에서 자바스크립트로 서식의 값에 대한 유효성을 체크하고 문제가 없다면 서버측으로 서식을 전송하게 하는 코드 -->  

             <fieldset>  

                 <legend>  

                     회원 로그인

                 </legend>  

                 <p>  

                     <label for="LoginId">아이디</label>  

                     <input type="text" id="LoginId" name="LoginId" maxlength="15" />  

                     <span>  

                         <input type="checkbox" id="LoginCheck" name="LoginCheck" value="1" />  

                         <label for="LoginCheck">아이디저장</label>  

                     </span>  

                 </p>  

                 <p>  

                     <label for="LoginPass">비밀번호</label>  

                     <input type="password" id="LoginPass" name="LoginPass" maxlength="15" />  

                     로그인  

                 </p>  

             </fieldset>  

         </form>  

         <div class="MemberBox">  

             <a href="./회원가입.html" class="point">회원가입</a>  

             <a href="./비밀번호.html">아이디 / 비밀번호 찾기</a>  

         </div>  

     </div>  

 </div> 

 </body>

</html>


신고
Posted by 고시랑

티스토리 툴바