사용자가 데이터를 입력해서 해당 내용을 저장할때 그 값이 유효한지 안 한지 확인하는 방법은 필수적이다.


저장버튼을 누를때 Validation 로직을 태워 return하는 flag 값이 true이냐 false이냐에 따라 저장로직을 탈지 안탈지 결정할 수 있다.


그 중 이메일 유효성 체크 로직을 보려고 한다.



1. 정규표현식 이용한 Email Validation 만들기


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
scwin.validate = function() {
    var list = dlt_testerList.getAllJSON();
    console.log(list);
    for(var i=0; i<list.length; i++){ 
        if(checkEmail(list[i].emailAddr) != true){ // 이메일형식이 맞는지  확인한다.
            return false;
        }    
    }        
    return true;
};
 
// 이메일 정규표현식 체크
function checkEmail(myValue) {        
    var email = myValue;
    var exptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/;
        if(exptext.test(email)==false){
            //이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우            
            alert("이메일형식이 올바르지 않습니다.");
            return false;
        };
        return true;
};
 
scwin.btn_save_onclick = function(e) { // 저장할 때 이메일형식 validation 체크함.
    if!scwin.validate() ){ // scwin.validate()에서 false가 나오면 안으로 진입 
        return;
    }
    
    if(confirm("저장 하시겠습니까?") ){
        $w.executeSubmission("sbm_insertTester");
    }
};
cs



return 되는 값이 true 일때만 confirm 창이 뜨게 되고 false 일 경우 저장로직을 타지 않게 되는것을 확인할수 있었다.




+ Recent posts