password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 27 Νοέμ 2011 12:49

Γεια σας!!!
Να μαι πάλι με απορία!!!!!!!

θέλω να κάνω check σε password field ώστε να δω αν είναι ισχυρό ή αδύναμο το password!

έχω τον παρακάτω κώδικα...

Κώδικας: Επιλογή όλων

$("#password").blur(function(){
	var password = $("#password").val();
	
	if (password == ""){
		$("#ckpassword").css("color","red");
		$("#ckpassword").html("Παρακαλώ εισάγετε έναν κωδικό...");
	}
}).keyup(function(){
	var password = $("#password").val();
	var username = $("#username").val();
	var score = 0;
	
	if &#40;password.length<5&#41;&#123;
		$&#40;"#ckpassword"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckpassword"&#41;.html&#40;"Ο κωδικός πρέπει να αποτελείται τουλάχιστον από 5 χαρακτήρες!"&#41;;
	&#125;else if&#40;password ==  username&#41;&#123;
		$&#40;"#ckpassword"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckpassword"&#41;.html&#40;"O κωδικός πρέπει να είναι διαφορετικός από το ψευδώνυμο!"&#41;;
	&#125;else if&#40;password.length>=5&#41;&#123;
		
		if&#40;password.length==5&#41;&#123;		
			score++;
		&#125;
		if&#40;password.length>5&#41;&#123;
			score++;
		&#125;
		if&#40;&#40;password.match&#40;/&#91;a-z&#93;/&#41;&#41; && &#40;password.match&#40;/&#91;A-Z&#93;/&#41;&#41;&#41;&#123;
			score++;
		&#125;
		if&#40;&#40;password.match&#40;/\d+/&#41;&#41;&#123;
			score++;
		&#125;
		if &#40;password.match&#40;/.&#91;!,@,#,$,%,^,&,*,?,_,~,-,&#40;,&#41;&#93;/&#41;&#41;&#123;
			score++;
		&#125;
		if&#40;password.length>10&#41;&#123;
			score++;
		&#125;
		
	&#125;
	
	if&#40;score==1&#41;&#123;
		$&#40;"#ckpassword"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckpassword"&#41;.html&#40;"Αδύναμος κωδικός!"&#41;;
	&#125;else if&#40;score>1 && score<5&#41;&#123;
		$&#40;"#ckpassword"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckpassword"&#41;.html&#40;"Μέτριος κωδικός!"&#41;;
	&#125;else if&#40;score>=5 && score<8&#41;&#123;
		$&#40;"#ckpassword"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckpassword"&#41;.html&#40;"Ισχυρός κωδικός!"&#41;;
	&#125;else if&#40;score>=8&#41;&#123;
		$&#40;"#ckpassword"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckpassword"&#41;.html&#40;"Πολύ ισχυρός κωδικός!"&#41;;
	&#125;
	
&#125;&#41;;
Αν αφήσω μόνο το κομμάτι του .blur δουλεύει, όταν όμως βάλω και το κομμάτι του .keyup σταματάει να δουλεύει... πιθανότατα το .match γίνεται διαφορετικά στη jquery αλλά δεν ξέρω τον τρόπο :D

Ποιο καλό "παιδάκι" θα με βοηθήσει;;;;;

Τώρα μόλις εντόπισα κάτι ακόμα που δεν καταλαβαίνω....

δείτε λίγο την παρακάτω εικόνα...

Εικόνα

αν κάνω focus στο πεδίο του email και φύγω από αυτό (blur) μου εμφανίζει το tick και στο πεδίο ψευδώνυμο όπως στην παρακάτω εικόνα!!!!

Εικόνα

Οι κώδικες για τα δύο πεδία είναι διαφορετική και είναι οι παρακάτω

username_check.js

Κώδικας: Επιλογή όλων

$&#40;"#username"&#41;.blur&#40;function&#40;&#41;&#123;
	var username = $&#40;"#username"&#41;.val&#40;&#41;;
	
	if&#40;username==""&#41;&#123;
		$&#40;"#ckusername"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckusername"&#41;.html&#40;"Παρακαλώ εισάγετε ένα ψευδώνυμο..."&#41;;
	&#125;else if&#40;username.length>3&#41;&#123;
		$.ajax&#40;&#123;
		type&#58; "POST",
		url&#58; "check/check_username.php",
		data&#58; "username="+username,
		success&#58; function&#40;result&#41;&#123;
			$&#40;"#ckusername"&#41;.ajaxComplete&#40;function&#40;event, request, settings&#41;&#123;
				if&#40;result<1&#41;&#123;
					$&#40;"#ckusername"&#41;.html&#40;'<img src="images/correct.png" height="15" width="15">'&#41;;
				&#125;else&#123;
					$&#40;"#ckusername"&#41;.html&#40;'<img src="images/wrong.png" height="15" width="15">'&#41;;
				&#125;
			&#125;&#41;;
		&#125;
		&#125;&#41;;
	&#125;else&#123;
		$&#40;"#ckusername"&#41;.html&#40;'<img src="images/wrong.png" height="15" width="15">'&#41;;
	&#125;
&#125;&#41;;
email_check.js

Κώδικας: Επιλογή όλων

$&#40;"#email"&#41;.blur&#40;function&#40;&#41;&#123;
	var email = $&#40;"#email"&#41;.val&#40;&#41;;
	
	if&#40;email==""&#41;&#123;
		$&#40;"#ckemail"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckemail"&#41;.html&#40;"Παρακαλώ εισάγεται ένα email..."&#41;;
	&#125;else&#123;
		$.ajax&#40;&#123;
		type&#58; "POST",
		url&#58; "check/check_email.php",
		data&#58; "email="+email,
		success&#58; function&#40;data&#41;&#123;
			$&#40;"#ckemail"&#41;.ajaxComplete&#40;function&#40;event, request, settings&#41;&#123;
				if&#40;data<1&#41;&#123;
					$&#40;"#ckemail"&#41;.html&#40;'<img src="images/correct.png" height="15" width="15">'&#41;;
				&#125;else&#123;
					$&#40;"#ckemail"&#41;.html&#40;'<img src="images/wrong.png" height="15" width="15">'&#41;;
				&#125;
			&#125;&#41;;
		&#125;
		&#125;&#41;;
	&#125;
&#125;&#41;;

$&#40;"#email2"&#41;.blur&#40;function&#40;&#41;&#123;
	var email = $&#40;"#email"&#41;.val&#40;&#41;;
	var email2 = $&#40;"#email2"&#41;.val&#40;&#41;;
	
	if &#40;email2 == ""&#41;&#123;
		$&#40;"#ckemail2"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckemail2"&#41;.html&#40;"Παρακαλώ επαληθεύστε το email..."&#41;;
	&#125;else if&#40;email2 != email&#41;&#123;
		$&#40;"#ckemail2"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckemail2"&#41;.html&#40;"Η επαλήθευση του email δεν είναι σωστή!"&#41;;
	&#125;else&#123;
		$&#40;"#ckemail2"&#41;.html&#40;'<img src="images/correct.png" height="15" width="15">'&#41;;
	&#125;
&#125;&#41;;
και το αρχείο html

Κώδικας: Επιλογή όλων

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<style type="text/css">
	</style>
	
	<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
	<form name="form" method="post" action="register.php" id="form">
		<table>
		<tr>
			<td>Ψευδώνυμο&#58;</td>
			<td><input type="text" id="username" name="username" maxlength="25"></td>
			<td><div id="ckusername"></div></td>
		</tr>
		<tr>
			<td>Κωδικός&#58;</td>
			<td><input type="password" id="password" name="password" maxlength="20"></td>
			<td><div id="ckpassword"></div></td>
		</tr>
		<tr>
			<td>Επαλήθευση κωδικού&#58;</td>
			<td><input type="password" id="password2" name="password2" maxlength="20"></td>
			<td><div id="ckpassword2"></div></td>
		</tr>
		<tr>
			<td>Email&#58;</td>
			<td><input type="text" id="email" name="email" maxlength="100"></td>
			<td><div id="ckemail"></div></td>
		</tr>
		<tr>
			<td>Επαλήθευση Email&#58;</td>
			<td><input type="text" id="email2" name="email2" maxlength="100"></td>
			<td><div id="ckemail2"></div></td>
		</tr>
		</table>
		<input type="submit" value="submit" >
		<br/>

	</form>
	<script type="text/javascript" src="username_check.js"></script>
	<script type="text/javascript" src="password_check.js"></script>
	<script type="text/javascript" src="email_check.js"></script>
</body>
</html>
Όλα αυτες οι ερωτήσεις γίνονται γιατί αυτά τα δοκιμάζω για να κάνω μια ιστοσελίδα για την πτυχιακή μου... το ξέρω ότι γίνομαι κουραστικός και συγγνώμη για τα πολυάριθμα και μεγάλα posts!!!!!!!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από fafos » 27 Νοέμ 2011 15:28

exeis faei mia parenthesh edo:

Κώδικας: Επιλογή όλων

      if&#40;&#40;password.match&#40;/\d+/&#41;&#41;&#123;
         score++;
      &#125; 
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 27 Νοέμ 2011 15:50

ΕΙΣΑΙ ΤΕΡΑΣΤΙΟΣ!

Aπλά μου εμφανίζει μόνο μέχρι "μέτριος" τι έχω κάνει λάθος;;;;

Και μήπως έχεις καμιά ιδέα γιατί γίνεται αυτό με την αλλαγή της εικόνας;;;; (μη με βρίσεις!!! :) )

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από fafos » 27 Νοέμ 2011 16:02

an egkatasthseis auto to plugin ston firefox: http://chrispederick.com/work/web-developer/ tha gineis kai esy terastios afou sou leei ta lathi pou kaneis (sta eikonidia epano dexia)

sthn arxh kai mena sto meetrios pros ton glyky vrasto me phgaine ospou evaza kati apithana passwords kai me phge mexri to isxyro.. gia to poly isxyros mallon tha thelei egkyklopaideia gia kodiko.. exeis dosei poly austhra krithria mallon..

me thn eikona den gnorizo alla prospathise na mhn xrhsimopoieis idious titlous se diaforetikes functions (p.x. to "data")
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 27 Νοέμ 2011 16:09

Στην μία είναι result και στην άλλη data άρα διαφορετικό δεν είναι;;;

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από fafos » 27 Νοέμ 2011 16:24

rafinos έγραψε:Στην μία είναι result και στην άλλη data άρα διαφορετικό δεν είναι;;;
to data to xrhsimopoieis gia diaforetiko logo kai stis 2 functions.. epishs kane ta pio apla ta pragmata gia na mhn xanesai:

Κώδικας: Επιλογή όλων

$&#40;"#username"&#41;.blur&#40;function &#40;&#41; &#123;
	var username = $&#40;"#username"&#41;.val&#40;&#41;;
	
	if &#40;username == ""&#41; &#123;
		$&#40;"#ckusername"&#41;.css&#40;"color", "red"&#41;;
		$&#40;"#ckusername"&#41;.html&#40;"Παρακαλώ εισάγετε ένα ψευδώνυμο..."&#41;;
	&#125; else if &#40;username.length > 3&#41; &#123;
		$.post&#40;"check/check_username.php", &#123;
			username &#58; username
		&#125;, function &#40;result&#41; &#123;
			if &#40;result < 1&#41; &#123;
				$&#40;"#ckusername"&#41;.html&#40;'<img src="images/correct.png" height="15" width="15">'&#41;;
			&#125; else &#123;
				$&#40;"#ckusername"&#41;.html&#40;'<img src="images/wrong.png" height="15" width="15">'&#41;;
			&#125;
			
		&#125;&#41;;
		
	&#125; else &#123;
		$&#40;"#ckusername"&#41;.html&#40;'<img src="images/wrong.png" height="15" width="15">'&#41;;
	&#125;
&#125;&#41;;

$&#40;"#email"&#41;.blur&#40;function &#40;&#41; &#123;
	var email = $&#40;"#email"&#41;.val&#40;&#41;;
	
	if &#40;email == ""&#41; &#123;
		$&#40;"#ckemail"&#41;.css&#40;"color", "red"&#41;;
		$&#40;"#ckemail"&#41;.html&#40;"Παρακαλώ εισάγεται ένα email..."&#41;;
	&#125; else &#123;
		$.post&#40;"check/check_email.php", &#123;
			email &#58; email
		&#125;, function &#40;emailresult&#41; &#123;
			
			if &#40;emailresult < 1&#41; &#123;
				$&#40;"#ckemail"&#41;.html&#40;'<img src="images/correct.png" height="15" width="15">'&#41;;
			&#125; else &#123;
				$&#40;"#ckemail"&#41;.html&#40;'<img src="images/wrong.png" height="15" width="15">'&#41;;
			&#125;
			
		&#125;&#41;;
	&#125;
	
&#125;&#41;;
auto prepei na leitourgei xoris provlhmata logika... den to exo dokimasei..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 27 Νοέμ 2011 16:33

θα το δοκιμάσω αργότερα και θα σου πω τώρα δεν προλαβαίνω!!!

Ευχαριστώ πολύ!!!!!

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 27 Νοέμ 2011 21:46

Ο κώδικας σου είναι οκ!

Τώρα έχω άλλο πρόβλημα :(

έχω αυτό

Εικόνα

το οποίο έχει μάσκα εισαγωγής με τρόπο όπως εδώ
http://digitalbush.com/projects/masked-input-plugin/

επίσης έχω αυτό....

Κώδικας: Επιλογή όλων

$&#40;"#date"&#41;.blur&#40;function&#40;&#41;&#123;
	var date= $&#40;"#date"&#41;.val&#40;&#41;;
	var sdate= date.split&#40;'/'&#41;;
	var day=sdate&#91;0&#93;;
	var month=sdate&#91;1&#93;;
	var year=sdate&#91;2&#93;;
	
	if&#40;&#40;day==""&#41; || &#40;month=""&#41; || &#40;year==""&#41;&#41;&#123;
		$&#40;"#ckdate"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckdate"&#41;.html&#40;"Παρακαλώ εισάγετε ημερομηνία γέννησης..."&#41;;
	&#125;else&#123;
		$&#40;"#ckdate"&#41;.css&#40;"color","red"&#41;;
		$&#40;"#ckdate"&#41;.html&#40;"ασδφασδφασδφα"&#41;;
	&#125;
&#125;&#41;;
που "μελλοντικά" θα κάνει έλεγχο για την ημερομηνία μήπως ξέρεις πως μπορεί να γίνει έλεγχος για το αν είναι κενό;;;;

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από fafos » 27 Νοέμ 2011 22:55

auto pou exeis den kanei? aplos leiepei ena '=' apo to if((day=="") || (month="") || (year=="")){
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 27 Νοέμ 2011 23:16

το "=" μου ξέφυγε επειδή έκανα δοκιμές... το είχα δοκιμάσει πιο πριν με 2 "=" αλλά τίποτα μόνο στο else πηγαίνει... δεν ξέρω τι παίζει πρέπει να παίρνει κενούς χαρακτήρες :(

αν το "==" το κάνω "!=" μπαίνει απευθείας στην if.........

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από fafos » 28 Νοέμ 2011 00:12

kane to me to NOT:

Κώδικας: Επιλογή όλων

if&#40;&#40;!day&#41; || &#40;!month&#41; || &#40;!year&#41;&#41;&#123;
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 28 Νοέμ 2011 15:54

Ούτε έτσι... πρέπει να παίρνει κενούς χαρακτήρες δεν εξηγείται...


rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από rafinos » 28 Νοέμ 2011 20:03

Δεν κατάλαβα τίποτα από αυτό!!! :D
αλλά και πάλι θέλω jquery και όχι καθαρί javascript γιατί θα μπλέξω τα μπούτια μου :P

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

password strength και αλλαγή εικόνας χωρίς λόγω.... :(

Δημοσίευση από fafos » 28 Νοέμ 2011 21:51

to NOT mou douleuei mia xara emena..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες