Was sollte einen HTML-Textbox-Wert auf null setzen?

Question

Wir haben eine JSON-Antwort, die Nullwerte enthalten können (zB {myValue: null}) - wir weisen Sie diesen Wert auf eine Textbox auf einem Formular: (eigentlich verwenden wir JQuery, aber dies ist äquivalent

var nullString = null; 
document.getElementById('myInput').value = nullString; 

wenn wir diesen Wert zu einem HTML-Textfeld Wert zuweisen, scheint das Verhalten Browser-abhängig.

• Firefox und Chrome sowohl ein leeres Textfeld angezeigt werden, und wenn Sie ‚Wert‘ zu lesen bekommen Sie zurück null

• IE setzt die Zeichenfolge "Null" in das Textfeld, und wenn Sie "Wert" zurück lesen, erhalten Sie die Zeichenfolge "null" (d. h. ‚Wert‘ Setzen und Lesen hat wieder die Daten geändert)

(Es ist hier: http://jsbin.com/uleno/edit wenn jemand will, es versuchen)

Welchen Browser hier das Richtige tut, oder ist dies nicht definiertes Verhalten ? Und gibt es einen eleganteren Workaround als viel (myValue == null? '': MyValue)?

Answer 1

Was tatsächlich passiert ist, das Null-Objekt Zeichenfolge wird, wie null.toString(). In einem Alert() - Meldungsfeld interpretiert der Browser das Objekt normalerweise, anstatt es einfach zu stringieren, daher wird das Ergebnis anders sein. Und natürlich interpretieren und kategorisieren Browser (insbesondere IE) unterschiedlich.

Für was es wert ist, gibt es eine Logik zum Zurückgeben von null, wenn eine Zeichenfolge erwartet wird. Was auch immer diesen Wert zurückgibt, tut dies wahrscheinlich, um einen falschen Wert für einfache konditionelle Tests bereitzustellen, während immer noch angezeigt wird, dass das Ergebnis leer ist und nicht, z. B. undefiniert. DOM-Methoden, die Sammlungsobjekte zurückgeben, machen dasselbe. Während ein leeres String-Literal ('') ein falscher Wert ist, ist ein leeres String-Objekt (neuer String ('')) nicht; und letzteres kann versehentlich aus dem ersteren mit der weiteren Verarbeitung erzeugt werden. Der "sichere" Weg, zu verhindern, dass der konsumierende Code versehentlich eine gültige Zeichenfolge verwirft, besteht darin, ein String-Literal oder ein String-Objekt in einem Fall und null in einem anderen Fall zurückzugeben.

Answer 2

Warum nicht eine leere Zeichenfolge verwenden? Schneiden Sie zuerst den Wert ab. Dann überprüfe die leere Zeichenfolge.

Answer 3

Ich bin mir nicht sicher, ob meine Lösung für Sie funktioniert, aber hier ist ein Blick auf das Problem, das ich zugeben muss, ist neu für mich. Sein Hauptvorteil ist, dass es keinen Code überstürzt und dass Sie einen einzigen Platz haben, der diese Logik verarbeitet. Soweit ich weiß, ist das IE.

var input = document.getElementById('myInput'); 

if (input.attachEvent) { 
    input.attachEvent("onpropertychange", function() { 
     var event = window.event; 

     if (event.propertyName === "value" && event.srcElement.value === "null") { 
      event.srcElement.value = ""; 
     } 
    }); 
} 

input.value = null; 

alert(input.value); 

Answer 4

Eigentlich ist die einfachste Sache zu tun, ist dies:

document.getElementById('myInput').value = nullString || ''; 

Sie wissen, dass Wert muss eine Zeichenfolge zugewiesen bekommt so, wenn seine andere ‚falsy‘ * Wert, können Sie die leere Zeichenfolge zurück.

* null, nicht definiert, 0, false, ''