본문 바로가기

Javascript4

[JS] input value에 숫자, 마침표, 하이픈만 입력 가능하게 하기 input value에 숫자만 입력 가능하게 onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" 숫자, 마침표만 입력 가능하게 onKeyup="this.value=this.value.replace(/[^-\.0-9]/g,'');" 숫자, 마침표, 하이픈만 입력 가능하게 onKeyup="this.value=this.value.replace(/[^-\.0-9-]/g,'');" 출처 : https://soraji.github.io/js/2020/11/16/%EC%88%AB%EC%9E%90%EB%9E%91%EB%A7%88%EC%B9%A8%ED%91%9C%EB%A7%8C%EB%82%98%EC%98%A4%EB%8A%94js/ 2022. 4. 25.
[JS] $.each(), Array.forEach(), Array.some() $.each() //방법 //선언된 Array의 개수만큼 반복 실행 $.each(Array, callback function(index, value) { //반복되는 내용 } //예제 const arr = ["item1", "item2", "item3"]; $.each(arr, function(index, value) { console.log("index= " + index + ", value= " + value); //return true; ➡ for문의 continue 역할 //return false; ➡ for문의 break 역할 } Array.forEach() //방법 Array.forEach(callback function(value, index, array) { //반복 내용 }); //예제 .. 2022. 4. 25.
[JS/jQuery] 버튼 활성화/비활성화 (+ fieldset) input 태그의 disabled 속성 버튼 클릭 ➡ 활성화/비활성화 1. JS function btnActive() { const target = document.getElementById("btnId"); target.disabled = false; ] function btnDisabled() { const target = document.getElementById("btnId"); target.disabled = true; } 2. jQuery $(function() { //버튼 비활성화 //방법1 $("#btnId").prop("disabled", true); $("#btnId").attr("disabled", "disabled"); //방법2 //메서드 체인 방식 $("#btnId").click.. 2022. 3. 28.
[JS] 문자열 ➡ 배열로 변환(split) split() 함수 //문법 String.split(separator, limit) 1. 정의 문자열(String)을 구분자(separator)로 잘라서 제한된 크기(limit) 이하의 배열에 잘라진 문자열을 저장 후 반환 2. 역할 2.1. separator 필수 X 문자열 자를 구분자(문자열 or 정규식) 값이 입력되지 않으면 문자열 전체를 배열에 담아 반환 2.2. limit 필수 X 최대 분할 개수 [예제1] 매개변수 입력 X 매개변수 전달값이 없을 시, length = 1 인 배열에 문자열 전체를 통째 저장 const str = "apple banana orange"; const arr = str.split(); document.writeln(arr); // apple banana orange .. 2022. 2. 9.

티스토리툴바