93 lines
2.3 KiB
JavaScript
93 lines
2.3 KiB
JavaScript
|
$(document).ready(function() {
|
||
|
|
var Validation = function() {
|
||
|
|
// Set password variables
|
||
|
|
var pass1 = $('#pass1').val();
|
||
|
|
var pass2 = $('#pass2').val();
|
||
|
|
|
||
|
|
var len = false;
|
||
|
|
var le = false;
|
||
|
|
var cle = false;
|
||
|
|
var num = false;
|
||
|
|
|
||
|
|
// Length Validation.
|
||
|
|
if (pass1.length < 8)
|
||
|
|
{
|
||
|
|
$('#length').removeClass('valid').addClass('invalid');
|
||
|
|
len = false;
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#length').removeClass('invalid').addClass('valid');
|
||
|
|
len = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Letter Validation
|
||
|
|
if (pass1.match(/[A-z]/))
|
||
|
|
{
|
||
|
|
$('#letter').removeClass('invalid').addClass('valid');
|
||
|
|
le = true
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#letter').removeClass('valid').addClass('invalid');
|
||
|
|
le = false
|
||
|
|
}
|
||
|
|
|
||
|
|
// Capital Letter Validation
|
||
|
|
if (pass1.match(/[A-Z]/))
|
||
|
|
{
|
||
|
|
$('#capital').removeClass('invalid').addClass('valid');
|
||
|
|
cle = true
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#capital').removeClass('valid').addClass('invalid');
|
||
|
|
cle = false
|
||
|
|
}
|
||
|
|
|
||
|
|
// Number Validation
|
||
|
|
if (pass1.match(/\d/))
|
||
|
|
{
|
||
|
|
$('#number').removeClass('invalid').addClass('valid');
|
||
|
|
num = true;
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#number').removeClass('valid').addClass('invalid');
|
||
|
|
num = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (len && le && cle && num)
|
||
|
|
{
|
||
|
|
$('#pass_info').hide();
|
||
|
|
$('#pass1, #pass2').removeClass('invalidInput').addClass('validInput');
|
||
|
|
|
||
|
|
if (pass1 === pass2)
|
||
|
|
{
|
||
|
|
$('#pass2').removeClass('invalidInput').addClass('validInput');
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#pass2').removeClass('validInput').addClass('invalidInput');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#pass_info').show();
|
||
|
|
|
||
|
|
$('#pass1, #pass2').removeClass('validInput').addClass('invalidInput').focus(function() {
|
||
|
|
$('#pass_info').show();
|
||
|
|
}).blur(function() {
|
||
|
|
$('#pass_info').hide();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$('#pass1, #pass2').click(function() {
|
||
|
|
Validation();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#pass1, #pass2').keyup(function() {
|
||
|
|
Validation();
|
||
|
|
});
|
||
|
|
});
|