textarea에 특정 문자열의 개수 [특정 태그 찾기]

textarea에서 특정 문자열 혹은 특정 태그 체크하는 방법에 대해 알아보겠습니다.

 

우선 textarea에 특정 태그가 존재하는지 확인하는 방법입니다.

 

textarea의 내용부터 가져옵니다.

<textarea id="content" rows="10" cols="100" ></textarea>

 

우선 textarea의 내용을 가져오는 방법은 간단합니다.

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

요렇게 해서 text라는 변수에 textarea의 내용을 가져옵니다.

 

다음으로 정규식에서 사용하는 메서드인 match를 이용하여 문자열을 찾기 때문에 정규식을 이용합니다.

 

정규식에 대해 자세한 내용은 아래와 같습니다 아래의 내용을 참고해주세요.

 

간단히 정규식의 사용은 다음과 같습니다.

text.match(/"비교할 문자열"/플래그);

 

 

var text = "my name is baessi"
if(text.match(/baessi/g)){
    //포함하는 경우
    alert("포함 합니다.");
} else{
    //포함하지 않는 경우
    alert("포함 하지 않습니다.");
}

 

 

 

아래와 같이 포함하는 글자도 체크합니다.

var text = "my name is baessi"
if(text.match(/bae/g)){
    //포함하는 경우
    alert("포함 합니다.");
} else{
    //포함하지 않는 경우
    alert("포함 하지 않습니다.");
}

 

자 그리고 포함하는 문자열의 개수를 체크하는 방법입니다.

 

var str = "my name is baessi my hobby is programing"
var results=str.match(/my/g);
if(results != null){
    alert(results.length);
}

 

my라는 단어를 체크해보면 다음과 같이 2가 출력됩니다.

 

단, 여기서 주의할 점은 result 값이 null인 경우 ". length"를 사용하면 스크립트 에러가 발생할 수 있으니

 

위에 처럼 꼭 null 처리를 해주시기 바랍니다.

 

이상으로 마치도록 하겠습니다

 

감사합니다.