<form/> Tag Ursachen Aktualisieren Seite

Question

Wenn ich auf die Schaltfläche zum Senden klicken, verursacht es Aktualisieren Seite! Aber nachdem ich den Tag löschen, es funktioniert well.What, ist das Problem dieser, wie kann ich dieses Problem zu vermeiden, ohne das Etikett zu löschen, sind die Codes wie folgt:

<script language="javascript" type="text/javascript"> 
 
\t function password() { 
 
\t var word = document.getElementById("password"); 
 
\t var load = document.getElementById("display"); 
 
\t if(word.type=="password"){ 
 
\t \t word.type = "text"; 
 
\t \t load.value = "hidden" 
 
\t } 
 
\t else{ 
 
\t \t word.type = "password"; 
 
\t \t load.value = "display"; 
 
\t } 
 
\t } 
 
</script> 
 
<form> 
 
<input type="password" name="password" value="password" id="password" /> 
 
<input type="submit" name="display" onclick="password()" value="display" id="display"/> 
 
</form>

Answer 1

Typ ändern Eingabe von submit zu button

<input type="button" name="display" onclick="password()" value="display" id="display"/> 

<input type="button" /> Tasten nicht ein Formular einreichen - sie standardmäßig nicht alles tun. Sie werden normalerweise in Verbindung mit JavaScript als Teil einer AJAX-Anwendung verwendet.

<input type="submit"> Schaltflächen übermitteln die Form, in der sie sich befinden, wenn der Benutzer auf sie klickt, sofern Sie nicht anders mit JavaScript angeben.

Oder

Sie stoppen Formular mit Javascript einreichen

$("form").submit(function(e) { 
    e.preventDefault(); 
}); 

Answer 2

Sie können dies auch tun:

<form action="demo_form.asp" onsubmit="javascript:return false"> 

zu verhindern Formular aus.

Natürlich, wenn Sie das Formular abzuschicken müssen (zum Beispiel, nachdem Sie die Validierung getan haben, das Formular Hygienisierung), haben Sie dies tun:

document.querySelector('form').submit()