jQuery Textfeld max Länge validation

Ich habe den folgenden code, die gut funktioniert, aber das problem ist, dass nach überschreiten der 500-Zeichen beginnt es zu ermöglichen, den Benutzer zu geben (er nimmt die Zeichen, die statt Einschränkung!).

Wie kann ich es ändern? Gibt es irgendeine Möglichkeit zu verallgemeinern diesen code, so kann es mehrere Texte, die sich wie eine Funktion und übergib einfach den Parameter?

 $('#txtAboutMe').keyup(function () {
           var text = $(this).val();
           var textLength = text.length;`enter code here`
           if (text.length > maxLength) {
               $(this).val(text.substring(0, (maxLength)));
               alert("Sorry, you only " + maxLength + " characters are allowed");
           }
           else {
               //alert("Required Min. 500 characters");
           }
       });"
Ich dachte immer nur input-Typen akzeptieren würde eine maxlength ?
das ist, warum er will, es zu tun für textarea
Kannst du die relevanten HTML?
aber auf der Suche stackoverflow gibt es viele jquery-Lösungen fo.
ja u sind Recht textarea ist ein input type nur

InformationsquelleAutor Tan | 2011-07-29

  1. 5

    Könnten Sie versuchen, die Definition einer maxLength verwendet werden, für den Vergleich (falls es nicht definiert ist gleich undefined und jede Zahl ist mehr als undefiniert: das ist, warum Sie nevere Holen Sie sich die Warnung, die ich denke):

    $('#txtAboutMe').keyup(function () {
           var maxLength = 500;
           var text = $(this).val();
           var textLength = text.length;
           if (textLength > maxLength) {
               $(this).val(text.substring(0, (maxLength)));
               alert("Sorry, you only " + maxLength + " characters are allowed");
           }
           else {
               //alert("Required Min. 500 characters");
           }
       });"
    Das ist keine tolle Lösung, weil $(this).val(...) auf einige browser bewegen Sie den cursor.

    InformationsquelleAutor Nicola Peluchetti

  2. 8

    Sollten Sie nicht auf keyup. Versuchen keypress statt. Das problem ist auf keyup den Charakter bereits ausgelöst wurde und geschrieben steht. Hier ist eine gute tutorial. Beachten Sie das keypress-Ereignis. 

    jQuery(function($) {

  //ignore these keys
  var ignore = [8,9,13,33,34,35,36,37,38,39,40,46];

  //use keypress instead of keydown as that's the only
  //place keystrokes could be canceled in Opera
  var eventName = 'keypress';

  //handle textareas with maxlength attribute
  $('textarea[maxlength]')

    //this is where the magic happens
    .live(eventName, function(event) {
      var self = $(this),
          maxlength = self.attr('maxlength'),
          code = $.data(this, 'keycode');

      //check if maxlength has a value.
      //The value must be greater than 0
      if (maxlength && maxlength > 0) {

        //continue with this keystroke if maxlength
        //not reached or one of the ignored keys were pressed.
        return ( self.val().length < maxlength
                 || $.inArray(code, ignore) !== -1 );

      }
    })

    //store keyCode from keydown event for later use
    .live('keydown', function(event) {
      $.data(this, 'keycode', event.keyCode || event.which);
    });

});
    keydown gearbeitet, aber es ist eine Art zu verallgemeinern, die der obigen Methode, so dass ich es verwenden können, für mehrere Textfelder
    etwas gepostet, das Sie bei allen Browsern. Hinweis auf opera nur der Tastendruck ist zu streichen und keydown nicht funktioniert. Ich hoffe, dies half. Schauen Sie sich das tutorial für weitere Hilfe.
    vergessen Sie nicht, akzeptieren Sie eine Antwort.
    Das ist großartig, aber "13" sollte nicht eine Taste zu ignorieren. Das ermöglicht Ihnen die Eingabe einer unendlichen Anzahl von Zeilenschaltungen. Ich würde erwarten, dass die "max-Länge" umfasst Wagenrücklauf/Zeilenvorschub.

    InformationsquelleAutor Amir Raminfar

  3. 0

    Die Lösung besteht aus zwei teilen:

    • verwenden keydown keyup-Ereignis anstelle von fangen das Ereignis ab, bevor Sie den Brief eingefügt wird

    • verwenden preventDefault zu stoppen, den Brief eingefügt werden

      $('#txtAboutMe').keyup(function (e) {//note the added e to pass the event data
   var text = $(this).val();
   var textLength = text.length;`enter code here`
   if (text.length > maxLength) {
       $(this).val(text.substring(0, (maxLength)));
       alert("Sorry, you only " + maxLength + " characters are allowed");
       e.preventDefault();
       return;
   }
   else {
       //alert("Required Min. 500 characters");
   }

      });

    InformationsquelleAutor user2918522

Schreibe einen Kommentar