Wie bewerben Sie sich min und max auf textarea?

Gibt es eine Möglichkeit in HTML5-Formularen hinzufügen, um ein min und max Zeichen an eine textarea? Es scheint, ich kann es anwenden, um eine regelmäßige Eingabe mit Muster.

<input pattern=".{3,}" title="3 characters minimum">

Bin ich auf der Suche auf eine jquery Lösung?

InformationsquelleAutor LeBlaireau | 2013-08-12
  1. 24

    HTML5-Lösung, min 5, max 20 Zeichen

    nur setzen Sie das Attribut maxlength="20" minlength="5", um den textarea-tag

    http://jsfiddle.net/xhqsB/603/

       <form>
      <textarea maxlength="20" minlength="5"></textarea>
      <input type="submit" value="Check"></input>
   </form>
    • Beachten Sie, dass diese derzeit nicht gut unterstützt von den Browsern
    • Jetzt sieht es aus wie alle Browser außer dem IE/Edge
    • Dies funktionierte nicht für mich. Ich hatte, um die required - Eigenschaft, um die textarea und feuerte die Validierung. Ich bin mit Google Chrome, Version 64.0.3282.167 (Offizieller Build) (64-bit) auf Windows 10.
    • Nun, dies wird unterstützt von 90% der web-Nutzer, sollte dies die akzeptierte Antwort.
    InformationsquelleAutor ladriangb
  2. 10

    Für max: siehe unten code

    Verwenden maxlength für maximale Charakter. 

    maxlength="nuber_of_characters"

    Quelle: http://www.w3.org/TR/html5/forms.html#the-textarea-element

    Für min: Quelle

    Verwenden Sie Javascript wie folgt:

    verwenden Sie das id-Attribut in <textarea>. Set-id-Attribut, um minle(zB) ie id="minle"

    <textarea rows="10" cols="80" maxlength="200" required id="minle" >
</textarea>

    und setzen folgenden js code-segment in Ihrem form tag

      <form action="mango.php" method="post" id="form12" onsubmit="var text = document.getElementById('minle').value; if(text.length < 80) { alert('put more info!'); return false; } return true;">

    Diese erlauben dem Benutzer, geben Sie keine. Zeichen von 80 bis 200.

    • action="" ist nicht gültig in html5
    • ja ist es, aber ich habe absichtlich leer, mehr zu zeichnen Fokus auf validatoin. Ok, ich bin die Bearbeitung jetzt.
    InformationsquelleAutor SohelAhmedM
  3. 1

    HTML5-Lösung, min 5, max 10 Zeichen

    http://jsfiddle.net/xhqsB/102/

    <form>
  <input pattern=".{5,10}">
  <input type="submit" value="Check"></input>
</form>
    • Und was ist mit min?
    • war mehr die Validierung von html5 - ich benutze erforderlich Muster="[^ @]*@[^ @]*" /> für E-Mail-Adressen ist groß, aber Texteingabefelder diese nicht habe, aber hätte ich eine max-min in html5 war ziemlich wünschenswert.
    • aktualisiert, pls überprüfen.
    • nett, aber gibt es eine Möglichkeit in HTML5-Formularen hinzufügen, um ein mischen und min-Zeichen durch ein textarea?
    InformationsquelleAutor Ali Çarıkçıoğlu
Schreibe einen Kommentar