masking (4) 썸네일형 리스트형 [JQUERY] 문자열 Masking (prototype이용) 날짜에 대한 Masking처리 예제 (js파일에 구현후 여러 jsp에서 사용 권장) JS String.prototype.dateMasking = function(){ //dateMasking은 변수명 if(this.length == 0){ return " ";} //공백일 경우 처리 var separator = "-" || argument[0]; return this.substring(0,4) + separator + this.substring(4,6) + separator + this.substring(6,8); } SCRIPT $("#id").val().dateMasking(); $(function ({ //id가 aa인 항목의 값에 id가 bb인 항목을 Masking처리 후에 삽입 $("#aa".. [JQUERY] .val() 내부매서드로 값처리 (substring, replace) ex1) input에 입력된 20200101를 2020-01-01로 변경 HTML SCRIPT $(accfrDt).val(function(i, v) { return v.substring(0,4)+"-"+v.substring(4,6)+"-"+v.substring(6,8); }).val(); ex2) input에 입력된 2020-01-01를 20200101로 변경 HTML SCRIPT $(accfrDt).val(function(i, v) { return v.replace(/-/g,""); }).val(); [JSP] 금액/날짜 양식 제거 아래 unformat이라는 매서드를 호출하여 class(css) 기준으로 masking제거 function unformat() { obj = $(".money"); //class="money"를 사용하는 input if(obj.length > 0) for(var i in obj) if(obj[i].value != undefined) obj[i].value = obj[i].value.replace(/,/g,""); obj = $(".yyyy-mm-dd"); //class="yyyy-mm-dd"를 사용하는 input if(obj.length > 0) for(var i in obj) if(obj[i].value != undefined) obj[i].value = obj[i].value.replace(/-/g,.. [JQUERY] Masking 처리 (text입력시 포맷 변경) Masking 처리를 직접 구현할 수도 있지만 제공되는 Plugin을 사용해 구현 할 수도 있습니다. 1. google에 검색하여 Plugin 다운 https://igorescobar.github.io/jQuery-Mask-Plugin/ jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements. igorescobar.github.io 2. 다운후 프로젝트에 삽입 3. 삽입한 위치를 추가 4. 아래와 같이 사용 $("#ymd_start").mask("9999-99-99"); $("#tymd_end").mask("9999-99-99"); 이전 1 다음
