์๋ ํ์ธ์ ๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ ์ ๋๋ค.
์๊น ์ฌ๋ ธ๋ ๋ฒํผ์ ์ด์ฉํ ์ฝค๋ง์ฐ๊ธฐ ๋ณด์ฌ๋๋ ธ์ฃ ~~ใ ใ ใ
๊ทธ๋ฅ ์๊ฐ๋์ ์ด๋ฒ์ onblur ์์ฑ์ ํ์ฉํ์ฌ ์ซ์ ์ ๋ ฅ ํ onblur ์ํ๊ฐ ๋์์๋ ์ฝค๋ง๋ฅผ ์ฐ์ด์ฃผ๋๋ก ํ๊ฒ ์ต๋๋ค.
์ต์ข ์ฝ๋ ์ ๋๋ค.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ</title>
<!-- ์ ์ด์ฟผ๋ฆฌ -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
//blur์์ฑ์ผ๋ก focus๊ฐ ํด์ ๋์์๋ ์ฝค๋ง์ฐ๊ธฐ
function n_format(val)
{
var result = numberformat(val);
$("#num").val(result);
}
//์ฒ ๋จ์ ์ฝค๋ง ์ฐ์ด ์ถ๋ ฅํ๊ธฐ
function numberformat(double)
{
double = double.replace(/[^0-9]/g,'');
var parts = double.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
</script>
</head>
<body>
<input type="text" id="num" onblur="n_format(this.value); return false;" style="margin-left:90px;">
</body>
</html>์ต์ข ์ฝ๋๋ ์ ์ด๋๊ณ
onblur ์์ฑ์ ์ดํด๋ณด์๋ฉด
input ํ๊ทธ์ ์ ๋ ฅํ ๋์ ์ปค์๋ input ์ฐฝ์ ์์ต๋๋ค.
๊ทธ ์ปค์๊ฐ ๋น ์ ธ๋์ฌ๋๋ผ๊ณ ๋ณด์๋ฉด ๋ ๊ฒ๊ฐ์ต๋๋ค.
ํด๋น ์ปค์๊ฐ ๋น ์ ธ๋์ฌ๋ ์คํํ๋ค ์ด๋ฐ์์ผ๋ก ์๊ณ ๊ณ์๋ฉด ์ข์๊ฒ๊ฐ์์.
์ง์ ํด๋ณด์ค์์๊ฒ ์ถ๊ฐํด๋์๊ฒ์ ใ ใ
๋ ์ ์ตํ ์ ๋ณด๋ก ์ฐพ์๋ต๊ฒ์~
๊ถ๊ธํ์ ์ ๋๊ธ ๋จ๊ฒจ์ฃผ์๊ตฌ ๊ตฌ๋ ๋ ๋๋ฌ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค~
๋๊ธ