Begrenzen Sie die Anzahl der Zeichen in Eingangs-Typ Anzahl

Ich versuche zu begrenzen, um X Anzahl der Zeichen in einem input (Art und Anzahl). ive versucht, eine Menge von Optionen, und keiner scheint zu funktionieren. Ich dont wollen, verwenden Sie die option tel, wie es die numerische Tastatur auf einem mobilen Gerät (ja, mit ., und alle Symbole) versuchte ich auch, die Muster-Lösung, aber es funktioniert nur für iOS, funktionieren nicht in android (zur Anzeige der normalen Tastatur).

Der beste Weg wäre, dass, wenn der Benutzer trifft die Grenze nicht lassen, ihm mehr geben, wenn er will, den text markieren und re-geben Sie eine andere Nummer, die er ist, zu ermöglichen. Nur lassen ihn nicht geben mehr als die angegebene Anzahl von Zeichen.

Also, jede Hilfe ist willkommen.

Verwenden maxlength Eigenschaft in Ihrem <input> tag.
das wäre toll! wenn maxLenght kann unterstützt werden, durch die Zahl-Typ. in HTML5 die Eingabe der Anzahl der nicht über diese Eigenschaft.
möglich, Duplikat der Begrenzen Sie die Anzahl der zulässigen Zeichen in form input text field
Nicht dupliziert! Ich brauche TYPE="NUMBER" nicht text.
Ich stehe korrigiert, nicht ein Duplikat ist.

InformationsquelleAutor marsalal1014 | 2014-02-28

Überprüfen Sie diesen code

JavaScript

<script>
function check(e,value)
{
    //Check Charater
    var unicode=e.charCode? e.charCode : e.keyCode;
    if (value.indexOf(".") != -1)if( unicode == 46 )return false;
    if (unicode!=8)if((unicode<48||unicode>57)&&unicode!=46)return false;
}
function checkLength()
{
    var fieldLength = document.getElementById('txtF').value.length;
    //Suppose u want 4 number of character
    if(fieldLength <= 4){
        return true;
    }
    else
    {
        var str = document.getElementById('txtF').value;
        str = str.substring(0, str.length - 1);
        document.getElementById('txtF').value = str;
    }
}

- und HTML - input mit number geben Sie unten

onInput //Is fired also if value change from the side arrows of field in Chrome browser

<input id="txtF" type="number" onKeyPress="return check(event,value)" onInput="checkLength()" />

Fiddle Demo

Update -- etwas generischen code-Beispiel

Ändern über die Funktion in dieser einen

function checkLength(len,ele){
  var fieldLength = ele.value.length;
  if(fieldLength <= len){
    return true;
  }
  else
  {
    var str = ele.value;
    str = str.substring(0, str.length - 1);
    ele.value = str;
  }
}

In HTML verwenden, wie dies

<!-- length 4 -->    
<input id="txtF" type="number" onKeyPress="return check(event,value)" onInput="checkLength(4,this)" />
<!-- length 5 -->    
<input  type="number" onKeyPress="return check(event,value)" onInput="checkLength(5,this)" />
<!-- length 2 -->    
<input  type="number" onKeyPress="return check(event,value)" onInput="checkLength(2,this)" />

Demo

arbeitete wie ein Charme! thnx!!
herzlich willkommen!! @marsalal1014
Es half mir auch. Thx @Blu
Noch immer die Möglichkeit zu geben Sie zu Beginn und Mitte, das entfernen der Letzte char.
Ja, weil es war nicht eine Vorschrift in Frage. Aber wenn Sie nicht zulassen möchten, dass in der Anfang oder der Mitte auch dann sehen, YashPatel beantworten, wenn es passt auf Ihre Anforderung zu stackoverflow.com/a/22088379/2385565

InformationsquelleAutor Blu

Kann es nützlich sein wird.

Hier ist das Feld für die Eingabe Alter des Patienten. Es erlaubt die Eingabe von 3 zahlen nur.

HTML

<input autocomplete="off" class="form-control"  id="Patient_Age" max="150" maxlength="3" name="PatientAge" placeholder="Age" size="3" type="number" value="0">

<script>
    $(function () {         
        $("#Patient_Age").keydown(function (e) {
            //Allow: backspace, delete, tab, escape, enter  
            if ($(this).val().length <= 2 || $.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 ||
                //Allow: Ctrl+A
                //(e.keyCode == 65 && e.ctrlKey === true) ||
                //Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
                //let it happen, don't do anything
                return;
            }
            else {
                event.preventDefault();
            }
            //Ensure that it is a number and stop the keypress
            if ($(this).val().length <= 2 || (e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
            else {
                event.preventDefault();
            }
        });
    }); //end of $

</script>

InformationsquelleAutor Academy of Programmer

1

Den HTML5 number Typ input hat min und max Attribute.

Wenn Sie wollte, um die Anzahl der Zeichen um 1 konnten Sie eine min 0 und max 9.

Können Sie auch die step - Attribut, das ist 1 standardmäßig, aber kommen würde in nutzen, wenn Sie wollten, die Möglichkeit zu wählen Dezimalzahlen oder anderen gerundeten zahlen.
```
<input type="number" maxlength="1" max="9" min="1" size="1" />
```
Hier die vollständige demo

Aber es unterstützt nicht in allen Browsern
das funktioniert vielleicht, wenn nur der Benutzer nicht geben Sie in der Eingabe. Funktioniert nur, wenn sich zuvor auf den Pfeil am Ende der Eingabe
Als Sarath darauf hingewiesen, die number Typ nicht unterstützt wird in allen Browsern. Ohne Verwendung von JavaScript (was Sie sicherlich tun) die beste option sein könnte, mit maxlength, min und max. Browser, die nicht unterstützen, die number geben würde, dann fallback auf die text Typ und die maxlength begrenzen.
wieder, könnte dies funktioniert nur, wenn der Benutzer nicht geben Sie die Nummer in der Eingabe. Sie können die Art, wie viele, wie Sie wollen

InformationsquelleAutor Brett DeWoody

bitte Lesen Sie diesen code

<script language="javascript" type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}
</script>

<form name="myform">
<input name="limitedtextfield" type="text" onKeyDown="limitText(this.form.limitedtextfield,this.form.countdown,15);" 
onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,15);" maxlength="15"><br>
<font size="1">(Maximum characters: 15)<br>
You have <input readonly type="text" name="countdown" size="3" value="15"> characters left.</font>
</form>

das ist ein guter Ansatz, aber Sie sehen, wenn die zusätzlichen Zeichen werden entfernt aus dem string. Ich brauche, um zu verhindern/verweigern die Eingabe weiterer zahlen, wenn es die Grenze erreicht.
nach erreichen des limit können Sie mehr, es ist, was Sie wollen

InformationsquelleAutor Karthick Kumar

0

Ich glaube, das ist der event-handler onkeyup.

Verwenden Sie diese Prozedur, um zu halten auf der Eingabe von zahlen bis 5 keyup ' s aufgetreten sind. Nach diesem , lass nicht zu, das die Zahl eingegeben werden, durch die Rückgabe einer 0, wenn der key gedrückt ist die Rückschritt-oder Löschtaste .

InformationsquelleAutor light94

Können Sie versuchen, thiss jQuery-code :

In HTML

<input type="number" id="number" />

In JS

$(document).ready(function () {
    var element = document.getElementById('number');

    $("#number").keydown(function (event) {
        //Allow only backspace and delete

        if($(this).val().length <= 9 || event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 )
        {
            if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9) {
                //let it happen, don't do anything
            } else {
                //Ensure that it is a number and stop the keypress
                if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
                    event.preventDefault();
                }
            }
        }else{

            event.preventDefault();
        }          

    });


});

Habe ich keine Idee, wozu Sie arbeiten auf IOS N Android, aber seine Arbeit auf alle browser.

DEMO

InformationsquelleAutor YashPatel

Dezimal-Werte, sagen wir "25.2" code wird wie unter.

if(thisObj.value.indexOf(".") >=0)
{
    if(fieldLength <= 4)
    {
        return true;
    }
    else
    {
        var str = thisObj.value;
        str = str.substring(0, str.length - 1);
        thisObj.value = str;
    }
}
else
{
    if(fieldLength <= 2)
    {
        return true;
    }
    else
    {
        var str = thisObj.value;
        str = str.substring(0, str.length - 1);
        thisObj.value = str;
    }
}

InformationsquelleAutor Atul

0

Können Sie leicht tun Sie es so,
```
<input type="text" pattern="\d*" maxlength="4">
```
InformationsquelleAutor Hasini
-1

Verwenden Sie die maxlength-Eigenschaft wie folgt.
```
<input type="text" maxlength="5"/>
```
ja, aber ich brauche type="Anzahl" und in html5 ist es nicht diese Eigenschaft haben. Ich brauche, um die Nummer als I haben, um die numerische Tastatur in einem mobilen Gerät.
Nutzen Sie diesen link, das könnte nützlich sein, um Sie stackoverflow.com/questions/2808184/...

InformationsquelleAutor GP12
-1

Dude warum gehen Sie für javascript? Versuchen Sie einfach
```
<input type="text" maxlength="4" size="4">
```
maxlength wird sowieso definieren Sie eine maximale Länge für das Eingabefeld.

Hoffe, das das problem gelöst 🙂

EDIT: Da Sie speziell wollen zahlen, warum nicht Sie verwenden Sie die oben und führen Sie dann eine jquery Validierung, um zu überprüfen, für die zahlen? Das wird auch funktionieren.

EDIT: Okay, versuchen
```
<input type="number" name="pin" min="1000" max="9999">
```
wieder, dies wird nicht funktionieren, für Typ=Zahl
Okay, versuchen <input type="number" name="pin" min="1000" max="9999">

InformationsquelleAutor kunl
-2

Haben Sie versucht, die Eigenschaft maxlength ?
```
<input type="text" maxlength="5" name="user" >
```
ja, aber ich brauche type="Anzahl" und in html5 ist es nicht diese Eigenschaft haben. Ich brauche, um die Nummer als I haben, um die numerische Tastatur in einem mobilen Gerät.
ist Typ="Zahl" wird in allen Browsern ?
es scheint nicht mit allen Browsern. IE (nicht überrascht), FF(27.0) nicht unterstützen.
Der OP fragt nach einer Eingabe von number, nicht text.

InformationsquelleAutor Sarath

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.