Скрипт работает хорошо но не не работает
эта часть
.append($error.clone().text('This email is already taken')) ... на 24 строке.
???
тоист проверяет не занят ли email если занят, добавляет класс
$(this).addClass('error') но потом уже сообщения не виводить
.append($error.clone().text('This email is already taken'))
на 18 строке аналогичны скрипт
$parentTag.addClass('error').append($error.clone() .text('Required Field')); целиком работает отлично.
спасибо за помощь.
$(document).ready(function() {
$('.btn-submit').click(function(e){
// Declare the function variables:
// Parent form, form URL, email regex and the error HTML
var $formId = $(this).parents('form');
var formAction = $formId.attr('action');
var $error = $('<span class="error"></span>');
// Prepare the form for validation - remove previous errors
$('li',$formId).removeClass('error');
$('span.error').remove();
// Validate all inputs with the class "required"
$('.required',$formId).each(function(){
var inputVal = $(this).val();
var $parentTag = $(this).parent();
if(inputVal == '){
$parentTag.addClass('error').append($error.clone().text('Required Field'));
}
if($(this).hasClass('email') == true){
$.post("testingEmail.php",{ user_name:$(this).val()} ,function(data){
if(data=='no'){
$('#mail').each(function(){
$(this).addClass('error').append($error.clone().text('This email is already taken'));
});
}
});
}
});
// All validation complete - Check if any errors exist
// If has errors
if ($('span.error').length > 0) {
$('span.error').each(function(){
// Set the distance for the error animation
var distance = 5;
// Get the error dimensions
var width = $(this).outerWidth();
// Calculate starting position
var start = width + distance;
// Set the initial CSS
$(this).show().css({
display: 'block',
opacity: 0,
right: -start+'px'
})
// Animate the error message
.animate({
right: -width+'px',
opacity: 1
}, 'slow');
});
} else {
$formId.submit();
}
// Prevent form submission
e.preventDefault();
});
// Fade out error message when input field gains focus
$('.required').focus(function(){
var $parent = $(this).parent();
$parent.removeClass('error');
$('span.error',$parent).fadeOut();
});
});
<form id="form-sign-up" class="styled" action="reg.php" method="post">
<fieldset>
<dl>
<dt id="mail" ><label>EMAIL:</label>
<input name="mail" type="text" id="register-email" class="text-input required email" />
</dt>
</dl>
</fieldset>
</form>
как он вообще может работать? 
