[Thymeleaf] 타임리프 변수 자바스크립트에서 사용하는법

2023-01-22

---

사진: Unsplash 의 Tianhao Wang

---

1.방법

 

우선 script 태그 안에 아래의 내용을 삽입한다.

 

th:inline="javascript"

---

다음은 변수를 사용하고자 하는 함수를 아래와 같이 cdata 형식으로 묶어준다.

 

/*<![CDATA[*/

/*]]>*/

---

마지막으로 request 객체에 담은 변수를 [[${ }]] 형식으로 담아 사용하면 된다.

 

var regex =[[${regexAllPermit}]];

---

아래는 전체 예제 코드이다.

 

<script th:inline="javascript">
/*<![CDATA[*/
function noticeDataCheck (){
	var regex =[[${regexAllPermit}]];
	//제목 정규식 확인
	var title = "/^" + regex + "{2,50}$/" 
		if(!title.test($("#Title").val())){
			return false;
		}else{
			return true;
		}
}
/*]]>*/
</script>

---

메인 이미지 출처 : 사진: Unsplash의Tianhao Wang