Entfernen Sie alle Leerzeichen bei der Eingabe in ein Textfeld auf einer Webseite

Wie konnte ich "on the fly", entfernen Sie Leerzeichen, eingegeben in ein Textfeld während die person ist die Eingabe?

Welche Art von textbox? HTML + JS? Swing? WFC?
Blick auf die tagz. Es ist wahrscheinlich, HTML + JS.
Was die Blockierung der space-Taste insgesamt?

InformationsquelleAutor mrblah | 2009-09-09

  1. 24
    $(function() {
  var txt = $("#myTextbox");
  var func = function() {
    txt.val(txt.val().replace(/\s/g, ''));
  }
  txt.keyup(func).blur(func);
});

    Müssen Sie zusätzlich Griff die blur Ereignis, weil Benutzer über Kontext-Menü einfügen 😉

    Belay. Das blur-event ist ein kluger Schachzug 🙂
    die Geschwindigkeit von regulären Ausdrücken in diesem Fall ist belanglos.
    +1 für das nur eine zu betrachten, werden alle whitespace-Zeichen
    Ich wollte nicht sagen, Ihr code wird die Luft zu sprengen-es ist ordentlich und sauber, und ich mag es. Ich denke, es ist nur eine Frage der Meinung. Wenn es um JavaScript, wie ich den code erstellen, der läuft so schnell wie möglich. Wenn man bedenkt, dass dies ist eine knowledgebase für Anfänger -als auch an erfahrene Programmierer, warum nicht versuchen, austeilen einige best-practices, während Ihr es an?
    Es ist nicht eine Frage der Stellungnahme, die regexp ist schneller als dein code. Siehe meine Antwort.

    InformationsquelleAutor Josh Stodola

  2. 8

    Diese Lächerlichkeit über reguläre Ausdrücke zu langsam/schlecht für diese Aufgabe benötigt werden setzen die test. Dies ist vielleicht nicht der Genaueste Maßstab, aber wird es tun, um meinen Standpunkt darzustellen.

    //Modified roosteronacid's example to consider all whitespace characters
function sanitizer(s) {
    var a = s.split(""),
        i = a.length,
        r = "";

    while (i) {
        i--;
        if (a[i] !== " " || a[i] !== "\t" || a[i] !== "\r" || a[i] !== "\n" || a[i] !== "\f" || a[i] !== "\v") {
            r += a[i];
        }
    }

    return r;
}

//Regular expression method wrapped in a function to incur the same overhead
function regexp(s) {
  return s.replace(/\s+/g, '');
}

var iterations = 10000;
//1024 characters or good meausure
var text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris luctus tristique ante, ac suscipit tortor consequat at. Fusce id tortor quis felis faucibus dignissim. Pellentesque viverra pellentesque eros, ac sagittis quam cursus a. Nullam commodo mauris eget nisi luctus vitae ultricies leo volutpat. Morbi quis quam id elit accumsan semper. Praesent aliquam aliquam tortor vel vulputate. Nulla adipiscing ipsum vitae est luctus imperdiet. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus at urna ut leo ornare commodo. Quisque eros dolor, adipiscing quis malesuada quis, molestie nec lectus. Quisque et odio nibh. Integer mattis tincidunt ligula, eu scelerisque erat posuere non. Sed ipsum quam, fringilla id porttitor ac, placerat quis nunc. Praesent sodales euismod ultricies. In porta magna metus. Morbi risus risus, hendrerit sit amet ultrices eu, interdum placerat massa. Nunc at leo dui. Morbi eu nunc mi, at ullamcorper felis. Duis et metus metus. ";

var s = new Date();
for ( var i=0; i<iterations; ++i ) {
  sanitizer(text);
}

console.log((new Date()).getTime() - s.getTime());

var s = new Date();
for ( var i=0; i<iterations; ++i ) {
  regexp(text);
}

console.log((new Date()).getTime() - s.getTime());

    Ergebnisse der 8 Ausführungen:

    # Initial times
sanitizer: 5137, 8927, 8817, 5136, 8927, 5132, 8807, 8804
regexp:    1275, 1271, 1480, 1278, 1274, 1308, 1270, 1270

# Dropped highest and lowest values
sanitizer: 5137, 8817, 5136, 8927, 8807, 8804
regexp:    1275, 1271, 1278, 1274, 1308, 1270

# Averages
sanitizer: (5137 + 8817 + 5136 + 8927 + 8807 + 8804) / 6 = 7604.66667
regexp:    (1275 + 1271 + 1278 + 1274 + 1308 + 1270) / 6 = 1279.33333

    Erweist sich die Verwendung regulärer Ausdrücke ist 594% schneller.

    Sehen Josh Stodola Antwort für die Umsetzung.

    Edit: ich feststellen, dass roosteronacid die Methode hat sich geändert, aber mithilfe r als ein array macht es sogar noch langsamer.

    gut gesagt. Los war, das gleiche zu tun. (Ich habe einen link auf Eure Antwort. Hoffe, dass Sie nicht Verstand.)
    Danke, kein problem.
    Eine mögliche Erklärung ist, dass die regexp-Implementierung wurde sorgfältig optimiert. Ein weiteres großartiges Beispiel der Verwendung einer standard-Bibliothek (oder in diesem Fall die Sprache-Funktion), anstatt Ihre eigenen Rollen.
    +1 für die Durchführung der benchmarks. Ich wollte dies tun, aber nicht die Zeit haben. Whats-his-name erforderlich zu sehen, diese Antwort!
    Ich stehe korrigiert.

    InformationsquelleAutor Justin Johnson

  3. 0

    on-the-fly? Vielleicht auf jedem keypress-Ereignis, nehmen Sie die Zeichenfolge in das Textfeld

    $('#id').val($.trim($('#id').val());

    Dies entfernt alle überflüssigen Leerzeichen vor und zurück.

    InformationsquelleAutor Dhana

  4. -1

    Könnten Sie versuchen, es wie das:

    $("input").keypress(function (e) {
   $(this).val($(this).val().replace(' ',''));
}
    Verschwenden Sie keine Leistung, Verpackung "dieser" in ein jQuery-Objekt. Wir sind, nachdem alle reden über Eingänge. Sowohl eine textarea und einen Eingang hat .value-Eigenschaft.

    InformationsquelleAutor Raúl Roa

  5. -3

    Verwende ich folgenden code:

    <input type="text" onkeyup="fixme(this)" onblur="fixme(this)"/>

function fixme(element) {
 var val = element.value;
 var pattern = new RegExp('[ ]+', 'g');
 val = val.replace(pattern, '');
 element.value = val;
}

    die regexp-Zeile enthält genau das, was ich will, ersetzt... ich habe für Anzahl Felder:

    var pattern = new RegExp('[^0-9]+', 'g');
    Mit der rechten Maustaste einfügen?
    fügen Sie es auf das onblur-als auch
    -1 für die Aufdringlichkeit

    InformationsquelleAutor Niko

Schreibe einen Kommentar