maxlength funktioniert nicht, wenn der Wert von js Code

Ich habe den folgenden HTML-Block in meiner Seite.maxlength funktioniert nicht, wenn der Wert von js Code

<input type="text" id="fillingInput"/> 
<input type="text" id="filledInput" maxlength="5"/> 
<input type="button" onclick="$('#filledInput').val($('#fillingInput').val());"/>

, wenn die Schaltfläche geklickt wird, wird der Wert von fillingInput wird als Wert für filledInput gesetzt. Aber die maxlength wird nicht berücksichtigt, während Wert wie folgt gesetzt wird. Irgendeine Lösung?

Quelle

2013-08-30 Sureshkumar Natarajan

Ein Weg, um dies zu erreichen ist ... Entfernen aller Zeichen nach dem 5. Zeichen. mit substring()

<input type="button" id="add" />

$('#add').click(function(){ 
    var str=$('#fillingInput').val(); 
    if(str.length > 5) { 
     str = str.substring(0,5); 

    } 
    $('#filledInput').val(str); 
});

fiddle ..

es wird nicht empfohlen, Inline-Javascript zu verwenden.

Quelle

2013-08-30 10:32:23 bipen

für einzelnes Element ist in Ordnung. Wenn ich 100s von gefüllten Eingängen mit verschiedenen maxlengths habe, scheint dies für mich wenig kostspielig zu sein. –

hmmm ... ya .. in diesem scee müssen Sie eine Funktion erstellen und diese Funktion stattdessen aufrufen .. obwohl dies Ihre Arbeit nicht reduziert .. verwenden Sie jquery validator zu validieren? – bipen

Versuchen slice:

<input type="button" 
    onclick="$('#filledInput').val($('#fillingInput').val().slice(0,5));"/>

Quelle

2013-08-30 10:34:25 skolima

Ich möchte die fillingInput als gemeinsame Eingabe für mehrere filledInputs, die verschiedene maxlengths haben. auf der Suche nach einem etwas allgemeineren Weg. –

Dann greifen Sie den Attributwert 'maxlength' und legen Sie ihn als zweiten Parameter in den Slice ein. Es gibt ein bisschen Duplizierung, aber das liegt daran, dass JS die Beschränkung der Wertlänge nicht beachten muss, Sie müssen es explizit eingeben. – skolima

Try this

$(document).ready(function() { 
$('#add').click(function() { 
    var str = $('#fillingInput').val(); 
    if (str.length > 5) { 
     str = str.substring(0, 5); 
     $('#filledInput').val(str); 
    } 

    }); 
});

Quelle

2013-08-30 10:37:43 Kalyan

wenn Sie jQuery verwenden Sie können eine "valHook" hinzufügen, die in jedem Aufruf Haken von .val()

$.valHooks.input = { 
    set: function(element, value) { 
     if ("maxLength" in element && value.length > element.maxLength) 
      value = value.substr(0, element.maxLength); 
     element.value = value; 
     return true; 
    } 
};

Quelle

2014-07-17 21:09:10 lloiser

maxlength funktioniert nicht, wenn der Wert von js Code

Antwort

Verwandte Themen