프론트앤드 이야기/JavaScript & JQuery

[JavaScript] search(), test(), match() 메서드를 이용한 영문, 한글, 숫자 검사하기

한희성 2019. 10. 29.

목차

    반응형

    search()  - 첫번째로 매칭되는것의 인덱스를 반환하며, 일치하는 부분이 없다면 -1 리턴

    test()  - 매칭되는것이 있다면 true 없다면 false 리턴

    match() - 매칭되는것이 있다면 매칭된 문자열 출력


    function check(){

    var text = $('#text').val();

    var num = text.search(/[0-9]/g);

    var eng = text.search(/[a-z]/ig);

    var kr = text.search(/[ㄱ-ㅎ]/ig);

    if(num < 0){

    console.log('숫자가 없습니다.');

    }else{

    console.log('숫자가 있습니다.');

    }

    if(eng < 0){

    console.log('영문이 없습니다.');

    }else{

    console.log('영문이 있습니다.');

    }

    if(kr < 0){

    console.log('한글이 없습니다.');

    }else{

    console.log('한글이 있습니다.');

    }


    var mobileRegExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/;

    function check(){

    var text = $('#text').val();

    if (!mobileRegExp.test(text)) {

    alert("휴대폰번호 11자리를 (-) 하이픈 없이 입력해주세요.");

    return false;

    }else{

    alert("올바른 휴대폰 번호 입니다. \n" + text)

    }


    var emailRegExp = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/

    function check(){

    var text = $('#text').val();

    if (!emailRegExp.test(text)) {

    alert("올바른 이메일 형식을 입력해주세요");

    return false;

    }else{

    alert("올바른 이메일 입니다. \n" + text)

    }

    }


    var emailRegExp = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/

    var mobileRegExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/;


    function check(){

      var text = $('#text').val();

    if(!checkValue(text,emailRegExp)){

    alert("올바른 이메일이 아닙니다");

    }

    if(!checkValue(text,mobileRegExp)){

    alert("올바른 핸드폰이 아닙니다.");

    }


    function checkValue(value, regExp) {

    if (!value.match(regExp)) {

    return false;

    }

    return true;

    }






    반응형

    댓글