본문 바로가기
IT개발

css text-transform 과 websquare를 사용한 input 입력값제어

by 팀모 2023. 8. 30.

미션 :
입력시 소문자를 입력하더라도 대문자로 강제입력되야함
한글은 아예 입력지않아야함.
포커스가빠질때가아닌 입력중인실시간에 체크되야함
숫자와대문자만입력되야함

1.text-transform
은 대문자로 또는 소문자로 바꾸는 css 속성입니다.
기본값 : none
버전 : CSS Level 1
한글에서는 의미가 없는 속성입니다.

속성값
A none : 입력된 그대로 출력합니다.
B capitalize : 단어의 첫번째 글자를 대문자로 바꿉니다.
C uppercase : 모든 글자를 대문자로 바꿉니다.
D lowercase : 모든 글자를 소문자로 바꿉니다

2. allowChar
websquare에서 입력을 허용할 문자를  정의할수 있습니다


3. validateOnInput
websquare inputbox 에서 oninput시점에 유효성검증을 할수있다 특히 한글값에 대해서도  유효성을  검증할수있으므로 IE에서 지원하던 IME모드처럼 흉내낼수있는것이다
값 true or false

4. customModelFormatter
websquare dataCollection과 바인딩시 dataCollection에 값이 저장되기전에  value를 가공처리하는  사용자함수를 지정한다