jQuery Text links to Hyperlinks
This function find all strings containing http and transforms them into real links.
by Gwyn Milcote
HTML
<body>
<div id="container">
<div id="content">
<form name="pass_strength">
<p><label for="username">Username : </label>
<input type="text" name="username" class="input"/>
</p>
<p><label for="password">Password : </label>
<input type="password" name="password" id="password_input" class="input" />
<span id="password_check_result"></span><br> <span id="password_check_result2"></span>
</p>
</form>
</div>
</div>
</body>
CSS
body{background-color:#CCC;}
#container{width:20%;background-color:#000;margin:0 auto;border:5px solid #FFF;margin-top:150px;}
#content{padding:10px;border: 2px solid rgb(105, 91, 91);box-shadow: 2px 2px 10px #FFF;background: #CCC;}
.input{margin:10px;}
#password_check_result{text-shadow:#666;}
a{color:#000;}
.password_bad{color:red;}
.password_ok{color:orange;}
.password_good{color:green;}
.password_super{color:green;font-weight:bold;}
JavaScript
var password_number = 0; var password_length = 0;
var password_case = 0; var password_special = 0;
$('#password_input').keyup(function(){
$('#password_check_result2').html('');
$('#password_check_result').html(checkStrength($('#password_input').val()));
if(password_number == 0){ $('#password_check_result2').append('<br>- Does not contain a number'); }
if(password_length == 0){ $('#password_check_result2').append('<br>- Should be longer'); }
if(password_case == 0){ $('#password_check_result2').append('<br>- Should contain upper and lower case letters'); }
if(password_special == 0){ $('#password_check_result2').append('<br>- Does not contain a special character'); }
})
function checkStrength(password){
var strength = 0;
if(password.length < 6){
$('#password_check_result').removeClass().addClass('password_bad');
password_length = 0; return 'Too short!';
}
if(password.length > 7){
password_length = 1; strength += 1;
}else{password_length = 0;}
if(password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)){
password_case = 1; strength += 1;
}else{password_case = 0;}
if(password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) {
password_number = 1; strength += 1;
}else{password_number = 0;}
if(password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)){
password_special = 1; strength += 1;
}else{password_special = 0;}
if(password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/)){
password_special = 1;strength += 1;
}
if(strength < 2){
$('#password_check_result').removeClass().addClass('password_bad');
return 'Very weak';
}else if(strength == 2){
$('#password_check_result').removeClass().addClass('password_ok');
return 'OK...';
}else if(strength == 3){
$('#password_check_result').removeClass().addClass('password_good');
return 'Good!';
}else{
$('#password_check_result').removeClass().addClass('password_super');
return 'Super!';
}
}