Dev. MK Dev. MK

JavaScript

• 자바스크립트 3가지 function 정의방법

  JavaScript 2017. 11. 5. 12:31

  자바스크립트 function 정의방법 3가지 123456789101112131. 함수선언 방식 중괄호 뒤에 ; 안붙인다function add(x,y){return x+y;} 2. 함수표현 방식 뒤에 중괄호 뒤에 ; 붙인다var add = function (x,y){ return x+y;}; 3. 함수생성자 방식var add = new Function('x','y','return x+y'); cs 출처 [도서] 자바스크립트 인사이드

  Read More
• ajaxForm 플러그인 사용하여 ajax로 파일 업로드하기

  JavaScript 2017. 7. 23. 17:06

  ajax로 파일 전송하기 (ajaxForm) 준비물 : jQuery 1.10.0 (↑) jquery.form.js (http://malsup.com/jquery/form/#download) 먼저 jQuery 버전을 1.10.0 버전 이상을 받을 것을 권장 여기서 유의점은 보통 ajax와 쓰는 방법은 같지만 ajaxForm은 별도로 submit을 해주어야한다. /* javascript */ function fileUpload() { $('#fileForm').ajaxForm({ url: "/testFile.do", enctype: "multipart/form-data", // 여기에 url과 enctype은 꼭 지정해주어야 하는 부분이며 multipart로 지정해주지 않으면 controller로 파일을 보..

  Read More
• [jquery ] 다중 파일 value 가져오기

  JavaScript 2017. 7. 23. 17:03

  var files = document.getElementById("file-input").files; // var files = $("#file-input")[0].files; for (var i = 0; i < files.length; i++) { alert(files[i].name); }

  Read More
• checkBox 체크박스 value 구분자로 값 넣고 , 자르기

  JavaScript 2017. 4. 22. 23:56

  1. 체크된 체크박스들의 구분자로 값 누적시키기 ( ||값||값||값|| ) var sumVal ="||"; $("input:checkbox[name=idx]:checked").each(function(){ sumVal += $(this).val()+"|| } // checkBox name이 idx 것들의 체크된 값을 가져와서 ||값||값||값|| 형태로 값을 누적한다. 2.||값||값||값||값|| 형태의 값을 자르고 같은 체크박스 값들은 check ture 시키기 var sumVal = "||1||2||3||4||5||6||"; splitVal = splitVal.split("||"); for ( var i in splitVal ){ $('input:checkbox[name="idx"]').each(..

  Read More
• 초간단 input 안에 숫자만 입력하기

  JavaScript 2016. 12. 21. 17:02

  type="number" 방법도 있지만 스크립트 정규식으로 처리 할 수 도 있다. 그냥 쓰고싶은 곳에 text로 onlyNumber 정의해주면 된다. $(document).ready(function(){ $(document).on("keyup", "input:text[onlyNumber]", function() {$(this).val( $(this).val().replace(/[^0-9]/gi,""));}); //숫자만 입력 });

  Read More
• ajax를 동기(sync)방식으로 사용하기 (차례대로 동작하는 로직시)

  JavaScript 2016. 12. 21. 16:57

  폼전송시 아이디 중복검사를 하는 로직이다. 코드 순서상으로는 공백검사 if문 후에 ajax가 실행된다. 하지만 ajax안에 async를 정의 안하거나 true로 한다면 공백검사 if문보다 먼저 실행될 수 있는 비동기식으로 ajax가 작동한다. 반드시 차례대로 동작하는 ajax를 쓸라면 asnc : false 속성을 추가해준다. $('#frm').submit(function(){ if(jQuery.trim($("#memberId").val()) == ""){ alert("아이디를 입력 하셔야 합니다."); $("#memberId").focus(); return false; } $.ajax({ async : false, cache : false, dataType:"text", type: "get", url:..

  Read More
• 초간단 checkBox 체크박스 체크한 값 배열 변수에 담기

  JavaScript 2016. 12. 21. 16:46

  var checkBoxArr = []; $("input[name=chk]:checked").each(function(i){ checkBoxArr.push($(this).val()); }); 배열값이 들어간 checkBoxArr 변수를 사용하면 끝

  Read More