์~ ๊ฐ๋ฐํ๋ค๋ณด๋ฉด ๊ฐ๊ฒฉ?์ด๋ 1000๋จ์ ์ด์ ์์ ์ฝค๋ง๋ฅผ ๋ฃ์ด ๊ฐ๋ ์ฑ์ด ์ข๊ฒ ํ๋ค๋์ง ๊ทธ๋ฐ์์ ์ ํ์ค์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง..
PHP์๋ number_format์ด๋ผ๋ ํจ์๊ฐ์์ง๋ง PHP๋ง๊ณ javascript๋ฅผ ์ฌ์ฉํ์๋ html์์์ ํด๊ฒฐ ํ ์ ์์๊น??
ํด์ ๋ง๋ค์ด๋ณธ ํจ์์ ๋๋ค.
์ต์ข ์ฝ๋
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<title>Document</title>
<!-- ์ ์ด์ฟผ๋ฆฌ -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(function(){
$("#format1").click(function(){
var format = numberformat1($("#num1").val());
$("#num1").val(format);
});
});
//์ฒ ๋จ์ ์ฝค๋ง ์ฐ์ด ์ถ๋ ฅํ๊ธฐ
function numberformat1(double)
{
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="num1">
<button id="format1">์ฝค๋ง์ฐ๊ธฐ</button>
</body>
</html>์ง์ ํด๋ณด์๊ธธ๋ฐ๋๋๋ค.
์์์ผ๋ก ๋ณด์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค.
๋ณด์๋ค์ํผ ์ด๋ ๊ฒ 1000๋จ์๋ก ์ฝค๋ง๊ฐ ์ฐํ๋ ๊ฑธ ํ์ธํ์ค์ ์์ต๋๋ค.
onblur ์ฌ์ฉํ์ฌ ๋ฒํผ์ ๋๋ฅด์ง์์๋ ์ฝค๋ง๊ฐ ์ฐํ๊ฒ ํด๋ณผ๊ฒ์
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<title>๊ฐ๋ฐ์ฝ๊ฒํ์ฆ์!</title>
<!-- ์ ์ด์ฟผ๋ฆฌ -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
//์ฒ ๋จ์ ์ฝค๋ง ์ฐ์ด ์ถ๋ ฅํ๊ธฐ
function numberformat2()
{
double = $("#num2").val();
var parts = double.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
$("#num2").val(parts.join("."));
}
</script>
</head>
<body>
<input type="text" id="num2" onblur="numberformat2();">
</body>
</html>์ง์ ํด๋ณด์๋ฉด ์ด๋ค๊ฑด์ง ๊ฐ์ด ํ ์ค์ค๊ฒ๋๋ค ใ ใ
+์ถ๊ฐ
์..์ด๊ฒ ๊ณ์ ์ซ์ ๋๋ ค์ ์ฐ๋ฉด ์ฝค๋ง๊ฐ ์ด์ํ๊ฒ ๋ค์ด๊ฐ๋ค์ ใ ใ
์ต์ข ์์ ๋ณธ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<title>๊ฐ๋ฐ์ฝ๊ฒํ์ฆ์!</title>
<!-- ์ ์ด์ฟผ๋ฆฌ -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
//์ฒ ๋จ์ ์ฝค๋ง ์ฐ์ด ์ถ๋ ฅํ๊ธฐ
function numberformat3()
{
double = $("#num3").val().replace(/[^0-9]/g,'');
var parts = double.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
$("#num3").val(parts.join("."));
}
</script>
</head>
<body>
<input type="text" id="num3" onblur="numberformat3();">
</body>
</html>
์ฐธ๊ณ ํ์ ์ ๋์์ด ๋์์ผ๋ฉด์ข๊ฒ ์ต๋๋ค.
๊ถ๊ธํ์ ์ ์ ๋๊ธ๋ก ๋จ๊ฒจ์ฃผ์ธ์!
๋๊ธ