2017-03-02 7 views
1

Button einreichen Ich bin eine Login-Seite zu machen, wo, wenn die E-Mail-Adresse ist bereits vorhanden i auf der gleichen Seite bleiben wollen und fordert den Benutzer auf, die die E-Mail-Adresse ist bereits vorhanden. Hier ist die Funktion, die die onClick Funktion, die aufgerufen wird, wenn die Schaltflächekann nicht die gleiche Seite neu zu laden, nachdem

function login() { 

    var username = document.getElementById("username").value; 
    var pword = document.getElementById("pword").value; 
    var confpwd = document.getElementById("confpwd").value; 
    var email = document.getElementById("email").value; 
    var fname = document.getElementById("fname").value; 
    var lname = document.getElementById("lname").value; 
    var gender = document.getElementById("gender").value; 
    var t = 1; 

    if (t.toString() !== '0') { 
     var er = "Email-id already exists"; 
     event.preventDefault(); 
     document.getElementById("nemail").value = er; 
     document.getElementById("username").value = username; 
     document.getElementById("pword").value = ""; 
     document.getElementById("confpwd").value = ""; 
     document.getElementById("fname").value = fname; 
     document.getElementById("lname").value = lname; 
     document.getElementById("gender").value = gender; 
    } 

} 
+0

Bitte klären Sie, was Ihre eigentliche Frage ist. – Santi

Antwort

2

geklickt wird Sie eine Funktion zum <form onsubmit="return login()"> passieren muss. Die Anmeldefunktion muss true zurückgeben, wenn Sie senden möchten, und false andernfalls. Sehen Sie diese Antwort für weitere Informationen: JavaScript code to stop form submission

Working codepen zu erläutern: http://codepen.io/DeividasK/pen/YZqwLO

+1

Wenn nicht angegeben, wird der Parameter 'event' tatsächlich von den meisten Browsern übernommen. ** EDIT: ** Korrektur, es ist IE und Chrome. Firefox scheint nicht zu bleiben. (Siehe [hier] (https://jsfiddle.net/tr_santi/0dbwLehc/) für eine Demo.) – Santi

+0

Nizza, habe ich nicht wissen. Vielen Dank! –

+0

Wenn ich das tue bekomme ich diesen Fehler Uncaught TypeError: Kann die Eigenschaft 'preventDefault' von undefined nicht lesen bei XMLHttpRequest.get1.onreadystatechange – aeshna

1

Je nachdem, wie Ihr Code-Setup zu unterbreiten. Sie müssen möglicherweise nur eine Rückgabe einfügen, wenn der Code erkennt, dass die E-Mail-Adresse ein Duplikat ist. Etwas auf diesem Pfad kann dazu beitragen, dass die Seite nicht vorwärts bewegt wird.

if (ListOfExistingEmails.indexof(email) > 0) return false; 
Verwandte Themen