[JQuery] 값을 실시간으로 가져오는 함수
$("#id").on("propertychange change keyup paste input", function() {}
- SW공부/JavaScript
- · 2023. 2. 12.
[JavaScript] 공백 체크하는 정규식
var blankCheck = /^\s+|\s+$/g; // 공백 체크
- SW공부/JavaScript
- · 2023. 2. 12.
$("#id").on("propertychange change keyup paste input", function() {}
var blankCheck = /^\s+|\s+$/g; // 공백 체크
let check = /^[0-9]+$/; //정수 let check = /^[0-9.]+$/; //실수 가능 let check = /^[0-9]+(.[0-9]+)?$/; //실수 가능
크롬브라우저에서 실행시 입력박스(text, number 등)를 클릭하면 default값으로 검은 테두리가 생긴다고 한다. 이를 제거해주어야 :focus가 적용된다. 제거는 outline: none; 을 이용하면 된다. /*css 예시*/ #billNum:focus{ outline: none; border: 2px solid blue; } 참조: https://myhappyman.tistory.com/144
/*css*/ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 참조 : https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
value : 기본값 placeholder : 안내 문구 placeholder로 지정하면 화면상에는 뜨지만 submit을 해도 데이터가 넘어가지 않음. input type="number" 와 같은 숫자만 입력 가능한 박스에도 문자열로 안내 가능. //Custom //아무것도 출력되지 않음 경우에 따라 placeholder보다 lable을 이용해 안내 문구 만들기를 권장하는 경우 있음. 2018년 글로 조금 오래되었지만 여전히 참고할 만한 부분이 있어 아래 블로그를 읽어보면 좋을 듯. 블로그 주소: https://ibrahimovic.tistory.com/30 Placeholder를 사용하지 마세요. 이 글은 Don’t Use The Placeholder Attribute 를 번역, 핵심 내용만 짧게 요약..