0

ユーザーが小数点以下 2 桁の数字のみを入力できるようにし、アルファベットとその他の文字を制限するという条件があります。次の関数を使用しました。

function isNumberKeyOnlyWithDecimalFormat(event,value,id){
        var val = value;
         if (event.shiftKey === true) {
                event.preventDefault();
        }
        if ((event.keyCode >= 48 && event.keyCode <= 57) ||
           (event.keyCode >= 96 && event.keyCode <= 105) ||
            event.keyCode == 8 || 
            event.keyCode == 9 ||  
            event.keyCode == 37 || 
            event.keyCode == 39 || 
            event.keyCode == 46 || 
            event.keyCode == 190) {

        } else {
            event.preventDefault();
        }
        if(val.indexOf('.') !== -1 && event.keyCode == 190){
            event.preventDefault();
        }
        if ((pointPos =   $('#'+id).val().indexOf('.')) >= 0){
            $('#'+id).attr("maxLength", pointPos+3);
        }
        else
            $('#'+id).removeAttr("maxLength");  
        }

初めて追加するときは正常に機能しています。しかし、すでに小数点以下2桁になっている場合、桁を編集したい場合は制限されます。誰でもこれを手伝ってもらえますか？

4

5 に答える 5

3

これを試して。入力フィールドからフォーカスがなくなるたびに値をチェックしますが、任意のイベントを使用できます。値を float として解析し、小数点以下 2 桁に丸めます。

これがフィドルです：http://jsfiddle.net/sAp9D/

HTML:

<input type="text" id="the_id" />

JavaScript:

var input_field = document.getElementById('the_id');

input_field.addEventListener('change', function() {
    var v = parseFloat(this.value);
    if (isNaN(v)) {
        this.value = '';
    } else {
        this.value = v.toFixed(2);
    }
});
于 2013-07-29T05:48:03.877 に答える
0

私は以下を使用します

// This function will only allow digits
function numericFormat( fld , e , extraStrCheck )
{
var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
if ( extraStrCheck )
    strCheck += extraStrCheck;
var aux = aux2 = '';
var whichCode = (window.Event) ? e.which : e.keyCode;

if (whichCode == 13) return true;  // Enter
if (whichCode == 8) return true;  // Backspace
if (whichCode == 0) return true;  // Null
if (whichCode == 9) return true;  // Tab

key = String.fromCharCode(whichCode);  // Get key value from key code
if ( strCheck.indexOf(key) == -1 ) return false;  // Not a valid key
var x = new String(fld.value);
if ( key == '.' )
{
    var exp = /\./;
    var a = x.search(exp);
    if ( a != -1 ) return false;
}


}

// samer code on change  or on blur event
function allow2decimal(obj){
    var v = parseFloat($(obj).val());



        if (isNaN(v)) {
            $(obj).value = '';
        } else {
            newVal = v.toFixed(2);
            if(newVal >= 100){
                $(obj).val( 100 );
            }else{
                $(obj).val(newVal);
            }

        }

}
//usage
  <input
        onkeypress="return numericFormat( this , event , '.');"
        onchange="allow2decimal(this)"
        value="0.1"
        id="factory_silk" name="factory_silk" />
于 2013-10-01T14:14:55.127 に答える
0

あなたの質問は非常に理解しにくいですが、文字列の小数点以下が 2 つしかないことを確認したい場合は、これを行うだけです

if( value.match(/\./g).length === 2 ) {
    // Number has 2 decimals eg. 1.2.3
} else {
   // Number is incorrect eg. 1.2.3.4
}

または、必要に応じ1.2て

if( value.match(/\./g).length === 1 ) {
    // Code....
}
于 2013-07-29T05:40:14.133 に答える
0 
<html>
    <head>
        <script type="text/javascript">  
        function NumAndTwoDecimals(e, field) {  
        var val = field.value;  
        var re = /^([0-9]+[\.]?[0-9]?[0-9]?|[0-9]+)$/g;  
        var re1 = /^([0-9]+[\.]?[0-9]?[0-9]?|[0-9]+)/g;  
        if (re.test(val)) {  

        }  
        else {  
        val = re1.exec(val);  
        if (val) {  
        field.value = val[0];  
        }  
        else {  
        field.value = "";  
        }  
        }  
        }  
        </script>  
    </head>
    <body>
        <input type="text" name="text" onkeyup="NumAndTwoDecimals(event , this);">  
    </body>
</html>
于 2016-12-16T09:47:01.483 に答える