2017-05-21 3 views
-2

Peeps gehen,Validate vor zur nächsten Seite

Ich sehe diese Frage gestellt wurde, aber sie entweder nicht Validierungsfunktion Recht haben, oder es gibt einige Syntaxfehler.

Hier ist mein Code; Es sollte Felder prüfen, die nicht leer sind. Wenn sie nicht leer sind, werden sie an die nächste Seite weitergeleitet.

Was passiert mit meinen Codes ist, dass es die Validierung überprüft, aber direkt nach dem Warnhinweis-Pop-up es auf die nächste Seite geht. Ich möchte nicht zur nächsten Seite gehen, wenn nicht alle Felder ausgefüllt sind.

Alle Hinweise würden sehr geschätzt werden.

<html> 
<head>  
     <script type="text/javascript"> 

      function RegValidation() {    
       var txtURL, 
       if (!txtURL) { 
        alert("URL is mandatory!"); 
        return false; 
        } 
       return true; 
      }    
     </script> 
</head> 
<body> 
     <form name="RegisterForm" action="RegConfirm.php" method="post">    

       <p><input type="text" name="txtURL"></p> 

       <p><input type="submit" value="Register" onclick="Register()"></p>          
     </form> 

</body> 

<script type="text/javascript"> 

    function Register() { 

    if (!RegValidation()) return;   
    } 

</script> 

+0

Lieber schöne @ mplungjan offensichtlich habe ich versucht, diesen Code aus 300 Zeilen Code zu schneiden, wenn der Fokus also keinen Sinn ergibt, würde ich erwarten, dass ein Coder weiß, dass er irgendwo benutzt wird. Du scheinst eine andere Person zu sein, die ich kenne. Statt meine Frage zu beantworten, schrieb ich einen Jibber-Jabber darüber, was an etwas anderem nicht stimmte. Ich habe keine Probleme mit meinem Code, ich will nur wissen, wie man den Knopf führt, bevor ich auf die nächste Seite gehe, die du nicht beantwortet hast – JayJay

+0

Entschuldigung, Freund, du liegst falsch. Ich habe es selbst codiert. ob du glaubst oder nicht, ist nicht mein Anliegen :). Happy coding – JayJay

+0

Falsch! Ich nehme an, dass die Leute auf dieser Seite sich der Codierung bewusst sind und anstatt auf dumme, nicht verwandte Dinge zu achten, versuchen sie, hilfreich zu sein ..... Ich denke, ich bin am falschen Ort! – JayJay

Antwort

0

Statt Onclick-Funktion auf Submit-Button versuchen onsubmit in Formular-Tag ..

der Arbeitscode des jsfiddle ist here

<form name="RegisterForm" action="RegConfirm.php" method="post" onSubmit="return Register()">    

    <p><input type="text" name="txtURL" id="txtURL"></p> 

    <p><input type="submit" value="Register"></p>          

</form> 



function Register() { 
    return RegValidation();  
} 

function RegValidation() {    
    var txtURL = document.getElementById('txtURL').value; 
    if (!txtURL) { 
    alert("URL is mandatory!"); 
    // txtURLFocus(); 
    return false; 
    } 
    return true; 
} 
+0

Danke, das hat geholfen: D – JayJay

0
  1. Sie müssen zuweisen der Wert des Feldes für die Var, die Sie testen
  2. Sie benötigen eine Fokusfunktion, die in dem von Ihnen angegebenen Code nicht definiert ist.
  3. Sie führen jetzt nur eine Funktion auf Klick aus, anstatt sie zurückzugeben. Es ist nicht zuweisen Handler eine Submit-Button empfohlen, damit ich es zu der Veranstaltung vorlegen zugewiesen haben, wo es gehört

Hier eine unaufdringliche Arbeitsversion

window.onload = function() { 
 
    document.getElementById("RegisterForm").onsubmit = function() { 
 
    var txtURL = this.txtURL.valuel 
 
    if (!txtURL) { 
 
     alert("URL is mandatory!"); 
 
     this.txtURL.focus(); 
 
     return false; 
 
    } 
 
    return true; 
 
    } 
 
}
<form name="RegisterForm" id="RegisterForm" action="RegConfirm.php" method="post"> 
 

 
    <p><input type="text" name="txtURL"></p> 
 

 
    <p><input type="submit" value="Register"></p> 
 
</form>

Verwandte Themen