개발 티끌 팁
jQuery 핸드폰 번호 입력시 하이푼(-) 자동으로 넣고 빼기
오늘의룡
2016. 5. 11. 21:00
jQuery 로 핸드폰 번호 입력시 하이푼(-) 자동으로 넣고 빼기 :
jQuery event 와
정규식과 substr 이용
<script>
$(document).ready(function(){
$("input#phone").blur(function(){
var num = $("#phone").val();
blur(num)
});
$("input#phone").click(function(){
var num = $("#phone").val();
focus(num);
});
});
function focus(num) {
num = num.replace(/[^0-9]/g, '');
$("#phone").val(num);
}
function blur(num) {
num = num.replace(/[^0-9]/g, '');
var tmp = '';
tmp += num.substr(0, 3);
tmp += '-';
tmp += num.substr(3, 4);
tmp += '-';
tmp += num.substr(7);
$("#phone").val(tmp);
}
</script>
<body>
<input type="text" name="phone" id="phone" placeholder="phone number" maxlength="13" />
</body>
반응형