kostenloser Webspace werbefrei: lima-city

Javascript Passwörter vergleichen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   dome0910

   

   dome0910 hat kostenlosen Webspace.

   15:21, 8.8.2011

   Hey ich brauch mal eben eure Hilfe
   zwar habe ich ein Registrierungsformular wenn Felder nicht ausgefüllt werden kommt unter dem jeweiligen Feld eine Meldung zB.
   "tragen sie ihren Usernamen ein" mein problem ist es gibt 2 password Felder und dort will ich die funktion einbauen wenn das erste Passwort
   "1234" ist und das 2te "12345" (ungleiche Passwörter) eine Fehlermeldung erscheint auch unter dem jeweiligen Feld
   
   mein code sieht bis jetzt so aus:
   
   Submitform.js
   

   $(document).ready(function(){
   	$("#submit").click(function(){					   				   
   		$(".error").hide();
   		var hasError = false;
   		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
   				
   		var emailFromVal = $("#emailfrom").val();
   		if(emailFromVal == '') {
   			$("#emailfrom").after('<span class="error">You forgot to enter the email address.</span>');
   			hasError = true;
   		} else if(!emailReg.test(emailFromVal)) {	
   			$("#emailfrom").after('<span class="error">Enter a valid email address.</span>');
   			hasError = true;
   		}
   		
   		var osVal = $("#os").val();
   		var companyVal = $("#company").val();
   		var webVal = $("#web").val();
   		var vyplnVal = $("#vypln").val();
   		
   		var usernameVal = $("#Username").val();
   		if(usernameVal == '') {
   			$("#Username").after('<span class="error">You forgot to enter the username.</span>');
   			hasError = true;
   		}
   		
   		var passwordVal = $("#password").val();
   		if(passwordVal == '') {
   			$("#password").after('<span class="error"> You forgot to enter the password. </span>');
   			hasError = true;
   		}
   		
   		var passw2Val = $("#Passw2").val();
   		if(passw2Val == '') {
   			$("#Passw2").after('<span class="error"> Please enter your password again </span>');
   			hasError = true;
   		}
   		
   		if(hasError == false) {
   			$(this).hide();
   			$("#sendEmail li.buttons").append('<img src="i/loading.gif" alt="Loading" id="loading" />');
   			
   			$.post("sendserial.php",
      				{ vypln: vyplnVal, emailfrom: emailFromVal, web: webVal, os: osVal, company: companyVal, program: programVal, verzia: verziaVal, serial: serialVal },
      					function(data){
   						$("#sendEmail").slideUp("normal", function() {				   
   							
   							$("#sendEmail").before('<h2>Success</h2><p>Your Code was sent. if you have big database files pls send them to<h3> Email@Email.com </h3></p>');											
   						});
      					}
   				 );
   		}
   		
   		return false;
   	});						   
   });

   
   
   
   
   
   und hier das php Dokument mit dem Formular:
   

   <table width="454" height="219" border="0">
     <tr>
       <td colspan="2"><?=$error?></td>
       </tr>
     <tr>
       <td width="135">Username</td>
       <td width="291"><input type="text" class="inputsearchx" name="u1" id="Username" /></td>
     </tr>
     <tr>
       <td>Password</td>
       <td><input type="password" class="inputsearchx" name="password" id="password" /></td>
     </tr>
     <tr>
       <td>Confirm Password</td>
       <td><input type="password" class="inputsearchx" name="verzia2" id="Passw2" /></td>
     </tr>
     <tr>
       <td>Your email:</td>
       <td><input type="text " name="emailfrom" class="inputsearchx" id="emailfrom" /></td>
     </tr>
     <tr>
       <td colspan="2"><h3>*fields are required</h3></td>
       </tr>
   </table>

   
   
   besten dank !!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. syberpsace

   

   syberpsace hat kostenlosen Webspace.

   15:34, 8.8.2011

   Erstmal Java != JavaScript.
   
   zu deiner Frage:
   du musst einfach eine Abfrage machen
   

   if(Passwort1 != Passwort2)
   {
       meldung_ausgeben();
   }

   
   
   mfg
4. Autor dieses Themas

   dome0910

   

   dome0910 hat kostenlosen Webspace.

   15:48, 8.8.2011

   wusste nicht wohin sonnst damit^^
   
   und wo soll ich die abfrage einfügen? bin noch ein ziemlich blutiger Anfänger in sachen Javascript :/
   lg

5. jmc-remshalden

   

   jmc-remshalden hat kostenlosen Webspace.

   16:18, 8.8.2011

   Hi!
   
   Ich würde es mal so probieren:

   .....
   var passwordVal = $("#password").val();
   var passw2Val = $("#Passw2").val();
   
   if(passwordVal == ''){
           $("#password").after('<span class="error">Enter a valid password!</span>');
           hasError = true;
   } else if(passwordVal != passw2Val) {
   	$("#passw2Val").after('<span class="error">Passwords aren't equal!</span>');
   	hasError = true;
           } 
   .....

   Also die alte Passwort-Abfage entfernen und die obrige an diese Stelle setzen!
   
   Was der Script macht (-> vgl. mit E-Mail-Abfrage):
   
   1.) Fehlermeldung, wenn Passwort 1 ein "leerer" Text ist
   2.) Fehlermeldung, wenn Passwort 1 ungleich Passwort 2 ist
   
   
   Grüßle, jmc-remshalden
   
   Beitrag zuletzt geändert: 8.8.2011 16:25:37 von jmc-remshalden

6. djfun

   Co-Admin

   djfun hat kostenlosen Webspace.

   16:18, 8.8.2011

   verschoben nach HTML, CSS & Javascript

7. aklasse

   

   aklasse hat kostenlosen Webspace.

   11:59, 11.8.2011

   Nur am Rande: Du musst alle Werte in PHP nochmals überprüfen, da der User JS vielleicht deaktiviert hat und dann keine Überprüfung stattfindet. (Oder jemand möchte es absichtlich umgehen.)

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?