목록Web/jQuery (7)

bboks.net™

bootstrap-datepicker를 modal에 띄울때 hidden 현상

Boostrap 기반 datepickerbootstrap-datepicker 근데 요놈을 modal 위에 띄우면 modal 뒤로 숨는 현상이 있다.구글링을 해결 방법이 z-index를 수정하면 된다. [이미지 출처] bootstrap-datepicker[참고] Twitter Bootstrap Datepicker within modal window
Web/jQuery 2014. 9. 29. 18:25
New Line in Textarea to be converted to <br/>

This will replace line breaks to HTML break tags. The different combinations are to cover the different browsers/systems and how line breaks are interpreted. $(this).val().replace(/\r\n|\r|\n/g," ")This will bring it back to new lines - also covering how different browsers interpret innerHTML. boxText.replace(/ /g,"\n"); [출처] New Line in Textarea to be converted to
Web/jQuery 2014. 5. 28. 17:32
jQuery Validate - 특정 필드만 validate

jQuery의 Validation 플러그인은 주로 폼 전체를 검증할 때 사용한다.하지만 특정 이벤트에서 특정 필드만 검증할 수 있도록 할 수 있는데, 이벤트 안에 validate rule을 지정하고 valid 메소드를 호출하면 된다. 예) 고객의 전화번호/휴대폰 중 하나라도 입력이 되어 있는지 검증하는 예 Colored By Color Scripter™1234567891011121314151617181920212223242526// validate form $("#signupform").validate({ rules: { telephone: { required: function(element) { if ($("#mobile").val().length > 0) { return false; } else { ..
Web/jQuery 2013. 7. 18. 13:18
jQuery Validate - custom regex

ValidatorjQuery.validator.addMethod( "regex", function(value, element, regexp) { if (regexp.constructor != RegExp) regexp = new RegExp(regexp); else if (regexp.global) regexp.lastIndex = 0; return this.optional(element) || regexp.test(value);}, "검증 실패 메세지"); Validate$("#form_id").validate({ rules : { name : { required : true }, code : {required : false, regex : "^[cC][a-zA-Z0-9]{5}$"} }, submitH..
Web/jQuery 2013. 3. 21. 17:29
이전 Prev 1 2 Next 다음