기록해! 정리해!

JAVA Script 본문

Visual studio (PHP)

JAVA Script

zsuling 2022. 6. 16. 17:58

자바스크립트를 코딩할 땐 꼭 한 블럭씩 확인하자 ! 

객채지향적 언어

 

06/16

<html>
<head> 
    <script>
        function ch1(){
            if (f1.id1.value==""){    -- 공백일 경우에 
            alert ("아이디를 입력하세요!!");   --뜰 메세지
            f1.id1.focus();    --그리고 나서 친절하게 포커스
            return false;   
        }
        if(f1.pwd1.value.length < 3) {    -- 3자 미만으로 적었을 경우에 
            alert ("암호는 3자 이상 작성하세요!!");
            f1.pwd1.value = ""; --작성한 암호를 공백으로 만들어줌
            f1.pwd1.focus();
            return false; 
        }
    }
        </script>
</head>
<body>
<div align="center">
    <br><br>
    <form  name="f1" onsubmit="return ch1()">
<table border=1>
    <caption>
         <h1> 회원 의견 조사 </h1>
         * 는 반드시 입력해야만 합니다.
    </caption>
<tr><td>*아이디 </td> <td><input  type=text  name=id1 size=6 > </td></tr>
<tr><td>*비밀번호 </td> <td><input  type=password  name=pwd1 size=6 > </td></tr>
<tr><td>이메일 </td> <td><input  type=email  name=emai1 > </td></tr>
<tr><td>제 목 </td> <td> 대한상공회의소의 친절도에 대한 의견조사 </td></tr>
<tr><td>의견 조사 </td> 
    <td>대한상공회의소의 업무 수행 태도에 대하여 어떻게 생각하십니까?<br><br>
        <input type=radio  name=r1  value=1 checked > 매우친절하다
        <input type=radio  name=r1  value=2  > 친절하다
        <input type=radio  name=r1  value=3  > 좀 더 친절했으면 좋겠다
    </td>
</tr>
<tr><td colspan=2  align="center"> <input type=submit value="보내기"> </td></tr>
</form>
</table>
</div>    
</body>
</html>

 

focus

º 순서

 1. 틀 만들기

function ch1(){
           alert("확인");
        }

--확인 뜨는 거 확인

2. 안넘어가게하기

    return false;

3. 조건 if

폼 네임(f1) , 인풋값 (id) 

 if(f1.id1.value =="") {

4. 포커스 주기

f1.id1.focus();

 

º 비밀번호 1234가 아니면 못하게 하기

if(f1.pwd1.value !="1234"){
                alert("암호를 확인해주세요")
                f1.pwd1.value="";  
                f1.pwd1.focus();
                return false;
            }

 

º 이메일 

 if(f1.email1.value ==""){
                alert("이메일을 확인해주세요")
                f1.email1.focus();
                return false;
            }

 

º이메일 디폴트 잡기

<tr><td>이메일 </td> <td><input  type=email  name=emai1 value="young@gmail.com" > </td></tr>

저작자표시 비영리 변경금지

'Visual studio (PHP)' 카테고리의 다른 글

HTML --폼 태그  (0) 2022.06.17
HTML --학생 성적처리 ver 11 (폼태그, 자바스크립트,오토셋)  (0) 2022.06.17
HTML 메모장  (0) 2022.06.16
html 태그  (0) 2022.06.15
Autoset --테이블 만들기  (0) 2022.06.13
'Visual studio (PHP)' Related Articles more
Comments