JQuery erlaubt nur zwei Zahlen nach dem Komma

Fand ich die folgende JQuery-Funktion hierdie verhindert, dass ein Benutzer die Eingabe alles, was nicht eine Zahl oder eine einzelne Dezimalzahl. Die Funktion funktioniert gut, aber ich möchte es zu verbessern, um zu verhindern, dass die Benutzer die Eingabe von 3 oder mehr Nachkommastellen, d.h. disallow 99.999 und ermöglichen 99.99. Irgendwelche Ideen?

 function checkForInvalidCharacters(event, inputBox){                            
     if ((event.which != 46 || inputBox.val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {          
                event.preventDefault();           
            }   
     };

InformationsquelleAutor der Frage user676567 | 2014-02-15

  1. 2

    Kann es auch mit einem regulären Ausdruck:

        $('.class').on('input', function () {
        this.value = this.value.match(/^\d+\.?\d{0,2}/);
    });

    Name der css-Selektor .Klassewas Sie mögen und legte es auf den Eingang.

    InformationsquelleAutor der Antwort Tegge

  2. 1

    danke! Ich habe noch die Möglichkeit Hinzugefügt, der das löschen der zahlen und". " einmal getippt:

    Den event.keyCode !== 8 die Aktion für backspace.

    Den event.keyCode !== 46 die Aktion für löschen.

    $( document ).ready(function() {

    $('#Ds_Merchant_Amount').keypress(function(event) {
    if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57) ) {
        if (event.keyCode !== 8 && event.keyCode !== 46 ){ //exception
            event.preventDefault();
        }
    }
    if(($(this).val().indexOf('.') != -1) && ($(this).val().substring($(this).val().indexOf('.'),$(this).val().indexOf('.').length).length>2 )){
        if (event.keyCode !== 8 && event.keyCode !== 46 ){ //exception
            event.preventDefault();
        }
    }
  });
});

    InformationsquelleAutor der Antwort gtamborero

  3. 0

    Habe ich aktualisiert, diese routine zu erlauben die standard-Editier-Funktionen, wie diese verhindert wurden, in den obigen code. (Diese routine ist nur für die Verarbeitung von float kann aber angepasst werden, dass nur 2 stellen nach dem Komma)

    var value = $(this).val().toString();

//Allowed Keys
if (event.which === 8 || event.which === 46 //Character delete
    || event.which === 16 || event.which === 17 //Modifier Key
    || event.which === 37 || event.which === 39  //Arrow Keys
    || (event.key.toLowerCase() === "a" && event.ctrlKey) //Select All
    || (event.key.toLowerCase() === "c" && event.ctrlKey) //Copy
    || (event.key.toLowerCase() === "x" && event.ctrlKey) //Cut
    || (event.key.toLowerCase() === "v" && event.ctrlKey) //Paste
    || (event.which === 45 && event.ctrlKey) //Old school copy (CTRL + INSERT)
    || (event.which === 46 && event.shiftKey) //Old school cut (SHIFT + DELETE)
    || (event.which === 45 && event.shiftKey) //Old school paste (SHIFT + INSERT)
    || (event.which === 35) //END
    || (event.which === 36) //HOME
    || (event.which === 35 && event.shiftKey) //SHIFT + END
    || (event.which === 36 && event.shiftKey) //SHIFT + HOME
    )
{
    return;
}
else if (event.which === 190) //Process decimal point
{
    if (value == "" || value.indexOf(".") > -1)
    {
        event.preventDefault();
    }
}
else if (event.which < 48 || event.which > 57 || event.ctrlKey || event.shiftKey) //Reject anything else that isn't a number
{
    event.preventDefault();
}

    InformationsquelleAutor der Antwort Dreamwalker

  4. 0

    Versuchen, diese

    HTML

    <input type="text" id="min_rent" name="min_rent" onkeypress="return isPrice(event,$('#min_rent').val())">

    Jquery

    function isPrice(evt,value) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if((value.indexOf('.')!=-1) && (charCode != 45 && (charCode < 48 || charCode > 57)))
        return false;
    else if(charCode != 45 && (charCode != 46 || $(this).val().indexOf('.') != -1) && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

    Arbeitete Link
    demo

    InformationsquelleAutor der Antwort Sakthi Karthik

  5. 0

    Numerische Werte Mit Dezimalpunkt bis zu 2 decimal point validation.
    Abhängigkeit jQuery.

    HTML -

    <span>Float</span>
<input type="text" name="numeric" class='allownumericwithdecimal'>
<div>Numeric values only allowed  (With Decimal Point) </div>

    JQuery-Code -

    Methode 1-

        $(".allownumericwithdecimal").on("keypress keyup blur", function (event) {
     var patt = new RegExp(/[0-9]*[.]{1}[0-9]{2}/i);
     var matchedString = $(this).val().match(patt);
     if (matchedString) {
         $(this).val(matchedString);
     }
     if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
         event.preventDefault();
     }
 });

    Methode 2 - 

     $(".allownumericwithdecimal").on("keypress keyup blur", function (event) {
     var patt = new RegExp(/(?<=\.\d\d).+/i);
     $(this).val($(this).val().replace(patt, ''));

     if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
         event.preventDefault();
     }
 });

    InformationsquelleAutor der Antwort Ravindra Vairagi

Schreibe einen Kommentar