Setzen Sie zwei JavaScripts zusammen, die Eingaben duplizieren

Kann jemand mir helfen, diese zwei JavaScripts zusammenzubringen?Setzen Sie zwei JavaScripts zusammen, die Eingaben duplizieren

Die Konsole sendet mir einen Fehler von diesen beiden Inline-Dateien.

<script type="text/javascript"> 
    var 
    first = document.getElementById('jform_username'), 
    second = document.getElementById('jform_email1'), 
    third = document.getElementById('jform_email2'); 

    first.onkeyup = function() { 
     second.value = first.value; 
     third.value = first.value; 
    };  
    </script> 

    <script type="text/javascript"> 
    var 
    firstp = document.getElementById('jform_password1'), 
    secondp = document.getElementById('jform_password2'); 

    firstp.onkeyup = function() { 
     secondp.value = firstp.value; 
    };  
    </script>

Wenn Sie auch eine Erklärung liefern können, warum diese beiden Fehler verursachen können, wäre das großartig.

Ich denke, es hat etwas mit der Funktion zu tun, aber ich weiß es nicht.

Hier ist ein Bild des tatsächlichen Problems.

Dies ist das neue Problem basiert auf @Shubham Singla Lösung

Vielen Dank im Voraus.

Quelle

2017-07-22 lupoll88

können Sie uns die Fehlermeldung geben? – Roman

Der erste Schritt besteht darin, "

Das Problem ist, Sie versuchen, .getElementById bevor das Dokument "bereit" ist.

Verwenden Sie den folgenden Code, um darauf zu warten, dass das Dokument "bereit" ist, bevor Sie ein Element erhalten können.

document.addEventListener("DOMContentLoaded", function(event) { 
    //content here 
});

das Snippet unten überprüfen:

<script type="text/javascript"> 
 
document.addEventListener("DOMContentLoaded", function(event) { 
 
    var 
 
    first = document.getElementById('jform_username'), 
 
    second = document.getElementById('jform_email1'), 
 
    third = document.getElementById('jform_email2'); 
 

 
    first.onkeyup = function() { 
 
     second.value = first.value; 
 
     third.value = first.value; 
 
    };  
 
    
 
    var 
 
    firstp = document.getElementById('jform_password1'), 
 
    secondp = document.getElementById('jform_password2'); 
 

 
    firstp.onkeyup = function() { 
 
     secondp.value = firstp.value; 
 
    };  
 
}); 
 
</script> 
 

 
<input type="text" id="jform_username" /> 
 
<input type="text" id="jform_email1" /> 
 
<input type="text" id="jform_email2" /> 
 
<input type="text" id="jform_password1" /> 
 
<input type="text" id="jform_password2" />

Quelle

2017-07-22 11:28:27 Munawir

Ich änderte, wie Sie vorgeschlagen haben, aber dieses Problem wird angezeigt. Bitte sehen Sie sich das Bild in meiner neu bearbeiteten Frage an. Es heißt "Uncaught TypeError kann die Eigenschaft 'onkeyup' nicht setzen" Danke – lupoll88

Verwandte Themen