티스토리 뷰

728x90

HTML 소스

input 박스에 inputtype="number" 속성 추가

<form id="frmElMember" onsubmit="return submitCheckIt()">
  <input name="applied_power" inputtype="number">
</form>

JavaScript 소스

$(document).ready(function() {
	
	// input 박스의 key 눌러 졌을때 이벤트
	$('input[inputtype="number"]').on('change, keyup', function() {
		var value = $(this).val();
		// 숫자를 제외한 문자 제거
		var value = value.replace(/[^0-9]/g, '');
		// 3자리 단위로 콤마(,) 추가
		value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
		$(this).val(value);
	});

    // Input 박스의 값을 3자리 단위로 콤마(,) 추가
	var inputNumber = $('input[inputtype="number"]');
	inputNumber.each(function (index, item) {
		var value = $(item).val();
		var value = value.replace(/[^0-9]/g, '');
		value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
		$(item).val(value);
	});
});

// submit 체크 - submit시 콤마 제거
function submitCheckIt() {
	var inputNumber = $('input[inputtype="number"]');
	inputNumber.each(function (index, item) {
		var value = $(item).val();
		var value = value.replace(/[^0-9]/g, '');
		$(item).val(value);
	});
	
	return true;
}
댓글
300x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함