일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- popup
- docker
- yona
- Push
- NextJS
- Eclipse
- jenkins
- ajax
- mysql
- Maven
- nodejs
- security
- config
- git
- PM2
- spring3
- pwa
- FCM
- rocky9
- Java
- javascript
- centos7
- Next.js
- SpringBoot
- node.js
- submit
- mybatis
- MariaDB
- MSsql
- jquery
- Today
- Total
목록jquery (10)
ふたりで
예전에 스크립트 부분만 간략하게 게시한적이 있는데 좀더 보강한 내용으로 다시 정리 해봤다. #구혀된 기능... - 자동완성: 번호만 입력해도 자동으로 "-"를 넣어준다. - 휴효성검사: >헨드폰, 일반전화 각각 형식에 맞는지 확인. >일반전화인지 확인.(080,070번호는 제외처리) >숫자만 입력 가능 숫자이외의 문자가 입력 되면 지워버림. 휴대폰 휴대폰번호가 입력되지 않았거나, 잘못된 형식입니다. 일반전화 일반번호가 입력되지 않았거나, 잘못된 형식입니다. Fax FAX번호가 입력되지 않았거나, 잘못된 형식입니다. #결과:
화면이 로딩될때 체크 박스에 Data 값을 여러게 설정 하고 이후 체크박스에 이벤트가 발생 할 경우 설정된 Data 값을 가져와 조작 하고 업데이트를 할때 참고... 첫번째 체크박스 class="js_checked"를 클릭하면 attribute로 정의된 data 값들을 console에 출력 하며 data값중 pdtstock 의 값을 N으로 업데이트 한다. 이후 두번째 체크박스 class="js_checked1"를 클릭하면 첫번째 체크박스 class="js_checked"를 참조하여 이전에 클릭 하여 변경된 pdtstock 값을 console에 출력 한다. 개발자도구를 사용해 document 요소를 확인 해보면 data-pdtstock에 보여지는 값은 변하지 않지만 실재로는 값이 변경되는걸로 확인 된다. ..
예를 들어 게시판에서 체크된 항목들만 서버쪽으로 전송하여 C.R.U.D를 하는경우...참고... //주문전 품절상품 체크 function soldOutProductsCheck(orderTypeBtn,providerCode){ //이전에 만들어진 품절상품 체크용 임시form이 있으면 초기화 var tempFormDoc = document.getElementById("soldOutProductsCheckFrom"); if(tempFormDoc != null){ document.body.removeChild(tempFormDoc); } //임시form생성 var soldOutProductsCheckFrom = document.createElement('form'); soldOutProductsCheckFrom..
keyup 이벤트가 발생 할때 마다 글자수를 체크하여 표시한다. $("#ord_receiver_memo").keyup(function(e) { //console.log("키업!"); var content = $(this).val(); $("#textLengthCheck").text("(" + content.length + " / 최대 45자)"); //실시간 글자수 카운팅 if (content.length > 45) { alert("최대 45자까지 입력 가능합니다."); $(this).val(content.substring(0, 45)); $('#textLengthCheck').text("(45 / 최대 45자)"); } }); html소스 배송메모 (0 / 최대 45자) 결과 화면 출처: https:/..