사이사이 공백 넣기

 

var text = "aaa111bbb222ccc33dd";

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var text = "aaa111bbb222ccc33dd";

            var result = text.replace(/\d+/g, " $& ");
            console.log(result);
        </script>
    </body>
</html>

 

코드 번호 지우기

1: public String testSHA256(String str){
2: 	String SHA = ""; 
3: 	try{
4: 		MessageDigest sh = MessageDigest.getInstance("SHA-256"); 
5: 		sh.update(str.getBytes()); 
6: 		byte byteData[] = sh.digest();
7: 		StringBuffer sb = new StringBuffer(); 
8: 		for(int i = 0 ; i < byteData.length ; i++){
9: 			sb.append(Integer.toString((byteData[i]&0xff) + 0x100, 16).substring(1));
10: 		}
11: 		SHA = sb.toString();
12: 	}catch(NoSuchAlgorithmException e){
13: 		e.printStackTrace(); 
14: 		SHA = null; 
15: 	}
16: 	return SHA;
17: }

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var text = `
            
1: public String testSHA256(String str){
2: 	String SHA = ""; 
3: 	try{
4: 		MessageDigest sh = MessageDigest.getInstance("SHA-256"); 
5: 		sh.update(str.getBytes()); 
6: 		byte byteData[] = sh.digest();
7: 		StringBuffer sb = new StringBuffer(); 
8: 		for(int i = 0 ; i < byteData.length ; i++){
9: 			sb.append(Integer.toString((byteData[i]&0xff) + 0x100, 16).substring(1));
10: 		}
11: 		SHA = sb.toString();
12: 	}catch(NoSuchAlgorithmException e){
13: 		e.printStackTrace(); 
14: 		SHA = null; 
15: 	}
16: 	return SHA;
17: }`            ;

            var result = text.replace(/\d+:/g, "");
            console.log(result);
        </script>
    </body>
</html>

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[JQuery] 예제 - 메세지 이동  (0) 2020.04.17
[JQuery]  (0) 2020.04.17
[Regex] replace  (0) 2020.04.17
[Regex] 예제 - 회원가입폼 : script  (0) 2020.04.17
[Regex] .onsubmit  (0) 2020.04.17 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
        <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
        <style>
            .wrapper div{

                border: 1px solid black;
                margin: 0px;
                padding: 1px;
            }
            .wrapper{
                width: 75%;
                margin: auto;
            }
            .tel{
                width: 100px;
            }
            .center{
                text-align: center;
            }
            .right{
                text-align: right;
            }
            .addressbox{
                width: 100%;
            }
        </style>

        <script>
            window.onload = function(){
                document.getElementById("frm").onsubmit = function(){



                    var userid = document.getElementById("userid").value;
                    var regexuserid= /\w{1,10}/;
                    var resultuserid = regexuserid.test(userid);
                    if(!resultuserid){
                        alert("아이디 입력값이 잘못되었습니다. 영문 대소문자와 숫자, (-)를 사용하여 1이상 10이하 글자를 입력하세요")

                    }

                    var pw1 = document.getElementById("pw1").value;
                    var regexpw1= /.{6,12}/;
                    var resultpw1 = regexpw1.test(pw1);
                    if(!resultpw1){
                        alert("비밀번호 입력값이 잘못되었습니다. 공백문자를 제외하고 6글자 이상 12글자 이하로 입력하세요")
                    }

                    var pw2 = document.getElementById("pw2").value;
                    var regexpw2= /.{6,12}/;
                    var resultpw2 = regexpw2.test(pw2);
                    if(!resultpw2){
                        alert("비밀번호 확인 입력값이 잘못되었습니다. 공백문자를 제외하고 6글자 이상 12글자 이하로 입력하세요")
                    }

                    var name = document.getElementById("name").value;
                    var regexname= /[가-힣]{2,5}/;
                    var resultname = regexname.test(name);
                    if(!resultname){
                        alert("이름 입력값이 잘못되었습니다. 한글 2글자 이상 5글자 이하로 입력하세요")
                    }


                    var phone = document.getElementById("phone").value;
                    var regexphone= /\d{10,11}/;
                    var resultphone = regexphone.test(phone);
                    if(!resultphone){
                        alert("전화번호 입력값이 잘못되었습니다. 숫자 10~11자로 입력하세요")
                    }

                    var email = document.getElementById("email").value;
                    var regexemail= /.+@[a-z]+\.[a-z]+/;
                    var resultemail = regexemail.test(email);
                    if(!resultemail){
                        alert("이메일 입력값이 잘못되었습니다. @와 . 을 포함하여 입력해주세요")
                    }


                    //                    if( resultpw1==true && resultpw2==true && resultname == true && resultphone == true  && email == true ){
                    //                        return true;
                    //                    }else{
                    //                        return false;
                    //                    }
                    return resultpw1 && resultpw2 && resultname && resultphone && email 

                }
            }
        </script>
    </head>
    <body>

        <div class = wrapper>
            <form action="abc.html" id=frm>

                <div class="row center">

                    <div class="col-sm-12 ">
                        회원가입 정보 입력
                    </div>
                </div>


                <div class="row">
                    <div class="col-sm-2  right">
                        아이디 :
                    </div>
                    <div class="col">
                        <input type="text" id="userid">
                        <input type="button" value="중복확인">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        패스워드 :
                    </div>
                    <div class="col">
                        <input type="password" id="pw1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        패스워드 확인 :
                    </div>
                    <div class="col">
                        <input type="password" id="pw2">
                    </div>
                    <div id="result"></div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        이름 :
                    </div>
                    <div class="col">
                        <input type="text" id="name">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 right">
                        핸드폰 번호 :
                    </div>
                    <div class="col">

                        <input type ="text" id="phone">

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        이메일 :
                    </div>
                    <div class="col">
                        <input type="text" id="email">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 right">
                        우편번호 :
                    </div>
                    <div class="col">
                        <input type="text" id="postcode" placeholder="우편번호" pattern="\d{5}">
                        <input type="button" onclick="sample4_execDaumPostcode()" value="찾기"><br>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        주소1 :
                    </div>
                    <div class="col">
                        <input type="text" id="Address1" placeholder="도로명주소" class="addressbox">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        주소2 :
                    </div>
                    <div class="col">
                        <input type="text" id="Address2" placeholder="상세주소" class="addressbox">
                    </div>
                </div>
                <div class="row center">
                    <div class="col">
                        <input type="submit" value="회원가입">
                        <input type="button" value="다시입력">
                    </div>
                </div>

            </form>

        </div>


        <script>


            document.getElementById("pw2").onkeyup	 = function(){
                if(document.getElementById("pw1").value==document.getElementById("pw2").value){
                    document.getElementById("result").innerHTML = "패스워드가 일치합니다"
                    document.getElementById("result").style.color = "blue";
                }else{
                    document.getElementById("result").innerHTML = "패스워드가 일치하지 않습니다"
                    document.getElementById("result").style.color = "red";

                }

            };


            function sample4_execDaumPostcode() {
                new daum.Postcode({
                    oncomplete: function(data) {
                        var roadAddr = data.roadAddress; 
                        document.getElementById('postcode').value = data.zonecode;
                        document.getElementById("Address1").value = roadAddr;
                    }
                }).open();
            }
        </script>

    </body>
</html>

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] 예제  (0) 2020.04.17
[Regex] replace  (0) 2020.04.17
[Regex] .onsubmit  (0) 2020.04.17
[Regex] .match()  (0) 2020.04.17
[Regex] .test() / .match()  (0) 2020.04.17

.onsubmit

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            window.onload = function(){
                document.getElementById("frm").onsubmit = function(){

                    //return true 가 돌아가면 submit 동작안함 (기본값)
                    //return false 시 submit 동작안함

                    var msg = document.getElementById("msg").value;
                    var regex = /\w{4,}/;
                    var result = regex.test(msg);

//                    if(result == false){
//                        return false;
//                    }
//                     if(!result){
//                        return false;
//                    }
                    return result;
                }
            }
        </script>
    </head>
    <body>
        <form action="abc.html" id="frm">
            <input type=text id="msg">
            <input type=submit>
        </form>
    </body>
</html>

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            window.onload = function(){
                document.getElementById("frm").onsubmit = function(){

                    //return true 가 돌아가면 submit 동작안함 (기본값)
                    //return false 시 submit 동작안함

                    var msg = document.getElementById("msg").value;
                    var regex = /\w{4,}/;
                    var result = regex.test(msg);

                     if(!result){
                        alert("입력값이 잘못되었습니다.")
                    }
                    return result;
                }
            }
        </script>
    </head>
    <body>
        <form action="abc.html" id="frm">
            <input type=text id="msg">
            <input type=submit>
        </form>
    </body>
</html>

required 를 따로 주지 않아도 null 일때 알림

 

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] replace  (0) 2020.04.17
[Regex] 예제 - 회원가입폼 : script  (0) 2020.04.17
[Regex] .match()  (0) 2020.04.17
[Regex] .test() / .match()  (0) 2020.04.17
[Regex] 예제 - 회원가입폼 : html5 내장 기능  (0) 2020.04.17

 

` `  (apostrophe)

방대한 문자열을 담을 경우

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var text = `붙여넣기할 소스`;
            var regex = /dispNm":".+?"/g;
            var result = text.match(regex);
            console.log(result);
        </script>

    </body>
</html>

 

match : 그룹화 데이터를 뽑기에는 적합하지 않다.

 

활용한다면 for문과 split을 활용하여 배열에서 원하는 데이터를 뽑아낼수도 있다

 

exec

그룹화된 데이터가 나오지만

글로벌플래그를 주었음에도 한 항목만 나옴

            var result = regex.exec(text);
            console.log(result);

 

            var regex = /dispNm":"(.+?)"/g;
            var result = null;
            
            while((result = regex.exec(text)) != null){
            console.log(result); 
            }

 

 

            var regex = /dispNm":"(.+?)"/g;
            var result = null;
            while((result = regex.exec(text)) != null){
            console.log(result[1]); 
            }

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] 예제 - 회원가입폼 : script  (0) 2020.04.17
[Regex] .onsubmit  (0) 2020.04.17
[Regex] .test() / .match()  (0) 2020.04.17
[Regex] 예제 - 회원가입폼 : html5 내장 기능  (0) 2020.04.17
[Regex] form > submit  (0) 2020.04.17

.test()

정규표현식에 단순히 매칭되는 데이터가 있는지 검사할 때

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<!--html5 자체 기능의 한계-->
<script>
    var text = "Apple Orange Mango";
    var regex = /Orange/;
    //어떤 종류의 결과를 받고 싶은가에 따라 쓰는 함수 달라짐
    var result = regex.test(text);
    console.log(result);
</script>

</body>
</html>

.match()

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var text = "Apple Orange Mango";
            var regex = /Orange/;

            var result = text.match(regex);
            console.log(result);

        </script>
    </body>
</html>

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var text = "Apple Orange Mango";
            var regex = /\w{5}/g;

            var result = text.match(regex);
            console.log(result);

        </script>
    </body>
</html>

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var text = "Apple Orange Mango";
            var regex = /\w{5}/g;

            var result = text.match(regex);
            console.log(result[0]);
            console.log(result[1]);
            console.log(result[2]);

        </script>
    </body>
</html>

 

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] .onsubmit  (0) 2020.04.17
[Regex] .match()  (0) 2020.04.17
[Regex] 예제 - 회원가입폼 : html5 내장 기능  (0) 2020.04.17
[Regex] form > submit  (0) 2020.04.17
[Regex] $&  (0) 2020.04.16 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

        <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>

        <style>

            .wrapper div{

                border: 1px solid black;
                margin: 0px;
                padding: 1px;
            }
            .wrapper{
                width: 75%;
                margin: auto;
            }
            .tel{
                width: 100px;
            }
            .center{
                text-align: center;
            }
            .right{
                text-align: right;
            }
            .addressbox{
                width: 100%;
            }

        </style>
    </head>
    <body>

        <div class = wrapper>
            <form action="abc.html">

                <div class="row center">

                    <div class="col-sm-12 ">
                        회원가입 정보 입력
                    </div>
                </div>


                <div class="row">
                    <div class="col-sm-2  right">
                        아이디 :
                    </div>
                    <div class="col">
                        <input type="text" pattern="\w{1,10}" required>
                        <input type="button" value="중복확인">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        패스워드 :
                    </div>
                    <div class="col">
                        <input type="password" id="pw1" pattern=".{6,12}" required>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        패스워드 확인 :
                    </div>
                    <div class="col">
                        <input type="password" id="pw2" pattern=".{6,12}" required>
                    </div>
                    <div id="result"></div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        이름 :
                    </div>
                    <div class="col">
                        <input type="text" pattern="[가-힣]{2,5}" required>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 right">
                        핸드폰 번호 :
                    </div>
                    <div class="col">
                        <input type ="text" pattern="\d{11}" required>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        이메일 :
                    </div>
                    <div class="col">
                        <input type="text" pattern=".+@.+\..+">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 right">
                        우편번호 :
                    </div>
                    <div class="col">
                        <input type="text" id="postcode" placeholder="우편번호" pattern="\d{5}">
                        <input type="button" onclick="sample4_execDaumPostcode()" value="찾기"><br>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        주소1 :
                    </div>
                    <div class="col">
                        <input type="text" id="Address1" placeholder="도로명주소" class="addressbox">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2  right">
                        주소2 :
                    </div>
                    <div class="col">
                        <input type="text" id="Address2" placeholder="상세주소" class="addressbox">
                    </div>
                </div>
                <div class="row center">
                    <div class="col">
                        <input type="submit" value="회원가입">
                        <input type="button" value="다시입력">
                    </div>
                </div>
            </form>
        </div>

        <script>
            document.getElementById("pw2").onkeyup	 = function(){
                if(document.getElementById("pw1").value==document.getElementById("pw2").value){
                    document.getElementById("result").innerHTML = "패스워드가 일치합니다"
                    document.getElementById("result").style.color = "blue";
                }else{
                    document.getElementById("result").innerHTML = "패스워드가 일치하지 않습니다"
                    document.getElementById("result").style.color = "red";
                }
            };

            function sample4_execDaumPostcode() {
                new daum.Postcode({
                    oncomplete: function(data) {
                        var roadAddr = data.roadAddress; 
                        document.getElementById('postcode').value = data.zonecode;
                        document.getElementById("Address1").value = roadAddr;
                    }
                }).open();
            }
        </script>

    </body>
</html>

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] .match()  (0) 2020.04.17
[Regex] .test() / .match()  (0) 2020.04.17
[Regex] form > submit  (0) 2020.04.17
[Regex] $&  (0) 2020.04.16
[Regex] 유효성 검사 예제  (0) 2020.04.16

유효성검사

웹크롤링

시스템관리

삭제된 데이터 복원 - 디지털포렌식

- .

- $

- ^

- []

- {}

- ()

- +

- *

([A-Z])\w

대문자로 시작해서 대소문자숫자로 연결된 것을 찾아라

패턴 맞추기

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <form action="abc.html">
            <input type ="text" pattern="\d+">
            <input type="submit">
        </form>
    </body>
</html>

html5에서 제공하는 디자인

폼 안에서 submit을 눌렀을 때 정규표현식 작동

 

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] .test() / .match()  (0) 2020.04.17
[Regex] 예제 - 회원가입폼 : html5 내장 기능  (0) 2020.04.17
[Regex] $&  (0) 2020.04.16
[Regex] 유효성 검사 예제  (0) 2020.04.16
[Regex] 정규표현식  (0) 2020.04.16

다음 우편번호 api에서

placeholder 찾기

플레이스홀더 뒤의 " "만 가져오기

자바스크립트 내장 변수 $&

성공적으로 찾아낸 값을 저장하는 변수

 

그룹화를 해서 매칭했을 때

첫번째 그룹의 값을 저장해주는 변수 $1

브라우저 : 코드분석기

패턴매칭 기술

 

웹툰 목록 가져오기

 

위메프 베스트 상품목록

 

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Regex] 예제 - 회원가입폼 : html5 내장 기능  (0) 2020.04.17
[Regex] form > submit  (0) 2020.04.17
[Regex] 유효성 검사 예제  (0) 2020.04.16
[Regex] 정규표현식  (0) 2020.04.16
[Javascript] API  (0) 2020.04.16

+ Recent posts

티스토리툴바