JavaScript: Dynamisches Feld-Namen

HALLO Alle,

Habe ich ein Stück von javaScript, die entfernt Kommas, die aus einer angegebenen Zeichenfolge (in meinem Fall Währung Werte)

Ist es:

    function replaceCommaInCurrency(myField, val)
    {
        var re = /,/g;

        document.net1003Form.myField.value=val.replace(re, '');
    }

'MyField', war mein Versuch, auf dynamisch haben, das arbeiten auf jedem Feld, das ich mich übergeben, aber es funktioniert nicht, ich bekomme Fehler, die sagen, 'MyField' ist nicht gültig. Ich verstehe meinen, aber ich dachte, dieses gültig war.

Rufe ich mit: "onBlur="replaceCommaInCurrency(dies.name, diesem.Wert);return false;"

diese.Namen und diese.Wert übergeben werden, in die richtigen Werte...Feldname und Wert.

Wie mache ich das dynamisch?

-Jason

InformationsquelleAutor | 2008-11-10

javascript parsing

4

Können Sie die Verwendung von eval, um Ihren code-snippet Arbeit:
```
eval("document.net1003Form." + myField + ".value=val.replace(re, '');");
```
Wie unten erwähnt, der eckigen Klammern arbeiten (und nicht saugen wie eval), dumm mich vergessen über die:
```
document.net1003Form[myField].value=val.replace(re, '');
```
Alternativ versuchen, so etwas wie dieses:
```
function replaceCommaInCurrency(field){
    var re = /,/g;
    field.value = field.value.replace(re, '');
}
```
Die aufgerufen wird, etwa so:
```
onBlur="replaceCommaInCurrency(this); return false";
```
Sollten Sie erwägen, ein javascript-toolkit für Dinge wie diese. Konnten Sie eine Klasse wie "Währung", die auf jeder Eingabe, dann verwenden Sie dieses snippet jQuery basierte Javascript alles im Griff:
```
$(function(){
    $("input.currency").bind('blur', function(){
        this.value = $(this).val().replace(',', '');
    })
});
```
Dieser code würde das Feuer auf Dokument bereit, fügen Sie einen Ereignis-handler, um jeden Eingang mit Währung als seiner Klasse, und führen Sie dann den Ersatz. Beachten Sie, dass Sie brauchen nicht eine regex für den Ersatz sowie.
- Wenn Sie jemals können, vermeiden Sie die Verwendung der eval-Funktion, die Sie sollten, wie es die meisten consumingg Funktion in der ganzen ECMAscript-Welt ...
- Sie es vermeiden können. Mit den eckigen Klammern.
- Doh, ja, ich habe aktualisiert es mit der syntax auch.
InformationsquelleAutor MrKurt
3

Wenn Sie den code direkt in das markup wie z.B. " onblur="replaceCommaInCurrency(dies)", die Steuern Ursprung der Veranstaltung übergeben bekommt als parameter. Dann sollten Sie in der Lage sein, etwas zu tun:
```
myField.value = myField.value.replace(re, '');
```
mit jQuery:
```
var jqField = $(myField);
jqField.val(jqField.val().replace(re, ''));  
```
InformationsquelleAutor flatline
1

Im Allgemeinen, sollten Sie mit Hilfe eines Rahmens, der für das low-level-Funktionalität, wie diese, aber die spezifische Antwort auf Ihre Frage ist die Verwendung von Klammer-notation für das Feld name:
```
function replaceCommaInCurrency( myField, val)
{
  var re = /,/g;

  document.net1003Form[myField].value=val.replace(re, '');
}
```
InformationsquelleAutor FriendOfFuture

    function removeCommaInCurrency(myField)
    {
            var re = /,/g;

            myField.value=myField.value.replace(re, '');
    }

-- und dann rufen Sie es wie folgt:

<input type="text" name="..." onchange="removeCommaInCurrency(this);">

InformationsquelleAutor roenving

0

flatline und roenving Lösung mit "dieser" ist der sauberere Ansatz, es vermeidet auch die Probleme der " Dokument.formname.fieldname'.

(Mit ‘document.Formen.formname", um den Zugriff auf eine form ohne mögliche Kollision auf Formen, die den gleichen Namen wie die Mitglieder des document-Objekts, und " Formen.Elemente.fieldname', das gleiche zu tun mit Feldern. Wie alle JavaScript-Objekt, Objekt[namevariable] können auch verwendet werden. Oder, besser, hinzufügen von IDs und verwenden Sie die eindeutige Dokument.getElementById-Methode.)

Durch verschieben der Bindung in den Skript-Sie können auch entfernen Sie den inline-JavaScript das onclick-Attribut, so dass die markup-cleaner noch:
```
<input type="text" class="number" name="something" />
...
<script type="text/javascript"> //external script is best, linked after all forms
    function numberfield_bind() {
        var inputs= document.getElementsByTagName('input');
        for (var inputi= inputs.length; inputi-->0;)
            if (inputs[inputi].className=='number')
                inputs[inputi].onchange= numberfield_change;
    }
    function numberfield_change() {
        this.value= this.value.split(',').join('');
    }
    numberfield_bind();
</script>
```
InformationsquelleAutor bobince

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.