본문 바로가기
Developer/Javascript & jQuery

[Javascript] 아이디, 패스워드 유효성 검사

by 순수한소년 2017. 1. 29.
728x90
반응형
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript"> 
    function valid(x){
    var alphaDigit= "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890"
    
    //아이디의 입력 타당성 검사
    if (x.id.value=="") {
    alert("ID를 입력해 주세요.");
    x.id.focus();
    return; 
    }
    if (x.id.value.length < 4 || x.id.value.length > 15){
    alert("ID는 4~15자 이내여야 합니다.");
    x.id.focus();
    return;
    }
    if (x.id.value.indexOf(" ") >= 0) {
    alert("ID에는 공백이 들어가면 안됩니다.");
    x.id.focus();
    return;
    }
    for (i=0; i<x.id.value.length; i++) {
      if (alphaDigit.indexOf(x.id.value.substring(i, i+1)) == -1) {
      alert("ID는 영문과 숫자의 조합만 사용할 수 있습니다.");
      x.id.focus();
      return;
      }
    }
    
    // 비밀번호의  타당성 검사
    if (x.pass1.value=="") {
    alert("비밀번호를 입력하셔야 합니다.")
    x.pass1.focus();
    return;
    }
    if (x.pass1.value.length < 4) {
    alert("비밀번호는 4자리 이상 입력하셔야 합니다.");
    x.pass1.value="";
    x.pass1.focus();
    return;
    }
    if (x.pass2.value==""){
    alert("비밀번호를 확인 입력해 주셔야 합니다.")
    x.pass2.focus();
    return;
    }
    if (x.pass1.value != x.pass2.value) {
    alert("비밀번호가 서로 일치하지 않습니다.");
    x.pass1.value=x.pass2.value="";
    x.pass1.focus();
    return;
    } 
    if (x.pass1.value.indexOf(" ") >= 0) {
    alert("비밀번호에는 공백이 들어가면 안됩니다.");
    x.pass1.value=x.pass2.value="";
    x.pass1.focus();
    return;
    }
    for (i=0; i<x.pass1.value.length; i++) {
      if (alphaDigit.indexOf(x.pass1.value.substring(i, i+1)) < 0) {
      alert("비밀번호는 영문과 숫자의 조합만 사용할 수 있습니다.");
      x.pass1.value=x.pass2.value="";
      x.pass1.focus();
      return;
      } 
    }
    alert("잘 입력하셨습니다.")
    }
</SCRIPT>
</HEAD>
<BODY>
    <FORM>
        <H3>아이디와 비밀번호의 타당성 검사</H3>
        <TABLE>
            <TR>
                <TD>아이디</TD>
                <TD>
                    <INPUT NAME="id">
                </TD>
            </TR>
            <TR>
                <TD>비밀번호</TD>
                <TD>
                    <INPUT TYPE="password" NAME="pass1">
                </TD>
            </TR>
            <TR>
                <TD>비밀번호 확인</TD>
                <TD>
                    <INPUT TYPE="password" NAME="pass2">
                </TD>
            </TR>
            <TR>
                <TD COLSPAN="2" ALIGN="right">
                    <INPUT TYPE="button" VALUE="검사 시작" onclick="valid(this.form)">
                </TD>
            </TR>
        </TABLE>
    </FORM>
</BODY>
</HTML>
 
cs


아이디와 비밀번호의 타당성 검사

아이디
비밀번호
비밀번호 확인
728x90
반응형
저작자표시 비영리

관련글

티스토리툴바