javascript : 자연수 2자리, 소수점 1자리 허용

 

 

자연수 2자리, 소수점 1자리까지만 사용하도록 하기 위해, 아래와 같이 javascript 를 통해 사용이 가능합니다.

 

소스 설명

 

입력된 값이 소수점을 포함하는 경우와 포함하지 않는 경우에 대해 각각 처리하고 있습니다. 입력된 값에 소수점이 포함되어 있는 경우에는, 소수점 이전 값은 자연수 2자리까지만 입력되도록 하고, 소수점 이후 값은 소수점 1자리까지만 입력되도록 합니다. 입력된 값이 소수점을 포함하지 않는 경우에는 자연수 2자리까지만 입력되도록 합니다.

 

<input class="giyurate-input" name="giyurate1" value="" type="text">
<input class="giyurate-input" name="giyurate2" value="" type="text">
<input class="giyurate-input" name="giyurate3" value="" type="text">

 

$('.percent-input').on('input', function () {

    // 입력된 값에서 숫자와 소수점 이외의 문자를 모두 제거합니다.
    $(this).val($(this).val().replace(/[^0-9\.]/g, ''));

    // 입력된 값이 소수점을 포함하는 경우에 대해서만 처리합니다.
    var inputValue = $(this).val();
    if (inputValue.indexOf('.') !== -1) {
        // 소수점 이전 값에 대해서는 자연수 2자리까지만 입력되도록 합니다.
        var naturalNumber = inputValue.split('.')[0].slice(0, 2);
        // 소수점 이후 값에 대해서는 소수점 1자리까지만 입력되도록 합니다.
        var decimalNumber = inputValue.split('.')[1].slice(0, 1);
        inputValue = naturalNumber + '.' + decimalNumber;
    } else {
        // 입력된 값이 소수점을 포함하지 않는 경우에는 자연수 2자리까지만 입력되도록 합니다.
        inputValue = inputValue.slice(0, 2);
    }

    $(this).val(inputValue);
});