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>
반응형
'개발 티끌 팁' 카테고리의 다른 글
| [vi]vi 에디터 비정상 종료시 (0) | 2017.01.06 |
|---|---|
| [명령어]리눅스 도움말, 디렉토리 관련 기본 명령어 (0) | 2017.01.04 |
| 트위터 한글 형태소 분석기 (0) | 2016.05.06 |
| 전자정부에서 한글 깨짐 처리 UTF-8 (0) | 2016.05.06 |
| JAVA SHA-256 (0) | 2016.03.10 |