[jQuery] required 속성을 이용한 필수 입력 체크 스크립트

웹 프로그램에서 가장 많이 사용하는 스크립트가 form에서 필수 입력 부분을 체크하는 스크립트일 것이다. 아래 코드는 input 등에 지정된 required 속성을 이용해서 필수 입력을 체크하는 것이다. jQuery(function() { jQuery(document).on(“click”, “form.ajax button:submit, form.ajax input:submit, form.ajax input:image”, function(e) { e.preventDefault(); e.stopPropagation(); var f = this.form; var $f = jQuery(f); var $b = jQuery(this); var $t, t; var result […]

Read More

[JS] 팝업창 닫기 전에 경고 알림창 보여주기

사용자가 팝업창을 닫으려고 할 때 위 이미지와 같은 경고 알림창을 표시하는 방법이다. IE에서만 위와 같은 창이 표시되고 크롬 등에서는 아래와 같은 창이 표시된다.  팝업창을 닫으시겠습니까? 라는 메세지는 표시되지 않는다. 데모 : http://demo.codepub.net/unload.html 팝업창을 닫기 전에 알림창을 표시하기 위해 beforeunload 이벤트를 사용한다. 다음은 팝업창의 소스코드이다.

Read More

[jQuery] AJAX 요청을 Queue를 이용해 순차적으로 처리하기

ajax 요청 처리를 순차적으로 처리할 필요성이 있어 jQuery ajaxQueue 플러그인을 사용했다. 데모 : http://demo.codepub.net/ajaxqueue.html <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>ajaxQueue Demo</title> <link rel=”stylesheet” href=”./css/common.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script> <script src=”./js/jquery.ajaxQueue.min.js”></script> </head> <body> <div class=”ajaxQueue”> <ul id=”ajaxQueue-items”> <li>Item 0</li> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <ul id=”ajaxQueue-output”> </ul> <div><button type=”button” id=”run”>Run</button></div> </div> <script> $(function() { $(“#run”).on(“click”, function(e) […]

Read More

[PhantomJS] 팬텀JS evaluate 에서 ajax 실행

PhantomJS를 이용해 서비스 개발 중 evaluate 안에서 AJAX 처리가 필요한 경우가 있어 아래 코드를 작성했다. 대상 웹페이지에 jQuery는 이미 로드된 상태라고 가정한다. “use strict”; var sys = require(“system”); var page = require(“webpage”).create(); var args = sys.args; page.open(‘http://example.com’, function(status) { var text = page.evaluate(function(arg) { var result; var category = arg[1]; jQuery.ajax({ async: false, cache: false, […]

Read More

[jQuery] input 필드에 금액 입력 때 콤마 표시하기

매번 자전거 탄 것만 올리다 이건 아니다 싶어 별로 어렵지 않은 jQuery를 이용한 코드를 하나 올린다. input 필드에 금액을 입력할 때 입력한 금액을 알아보기 위해 콤마를 표시하게 되는데 이걸 가능하게 하는 코드이다. 물론 jQuery는 페이지에 이미 로드되어 있다고 가정한다. <script> function number_format(data) { var tmp = ”; var number = ”; var cutlen = 3; […]

Read More