I am currently working on a jQuery form validation project:
While the password and username validation are working fine, I am facing issues with email and password confirmation validations. Surprisingly, I have used the same technique for both.
If you want to check out a demo, click here
The main problem is that even though there are no console errors showing up, the email and password confirmation functionalities are not functioning properly.
HTML
<title> Sign Up </title>
<body>
<div class=left></div>
<form method="post" action="" >
... [content continues]
jquery
$(document).ready(function () {
... [javascript code continues]
});
I don't think providing the CSS code here is necessary (you can find it in the fiddle). I've tried debugging the code by commenting out the username and password validations, and those seem to be fine. So, I believe the issue lies within this part:
$('#pa2').blur(function () {
var pswd2 = $('#pa2').val();
if(pswd != pswd2)
{
$('#pswd2_info').fadeIn();
}
else
{$('#pswd2_info').fadeOut();
}
});
and/or in this part:
$('#em').blur(function () {
function isValidEmail(emailText) {
... [email validation function continues]
};
if( !isValidEmail(myEmail) )
{$('#remail').removeClass('valid').addClass('invalid');
}
else
{$('#remail').removeClass('valid').addClass('invalid');}
});
$('#em').focus(function () {
// focus code here
});
$('#em').blur(function () {
// blur code here
});
$('#em').keyup(function () {
// keyup code here
}).focus(function () {
$('#remail').show();
}).blur(function () {
$('#remail').hide();
});
Can anyone spot what might be wrong here?