Вопрос новичка.
Может кто нибудь поможет решить мою проблему.
Этот скрипт работает нормально но есть одна проблема. К соответствующей форме ( if(res == 'no') ) добавляет класс \\\ .addClass('error') \\\, но не выводить сообшение \\\ .append($error.clone().text("this login is busy")) \\\, на -34 строке , ( на -14 строке все работает хорошо). прошу подскажите. спасибо. $(document).ready(function() { $('.btn-submit').click(function(e){ var $formId = $(this).parents('form'); var formAction = $formId.attr('action'); var $error = $('<span class="error"></span>'); var res; $('li',$formId).removeClass('error'); $('span.error').remove(); $('.required',$formId).each(function(){ var inputVal = $(this).val(); var $parentTag = $(this).parent(); if(inputVal == ''){ $parentTag.addClass('error').append($error.clone().text('enter some text')); } //--------------------------------------------------------------------------------------------------- if($(this).hasClass('login') == true){ login = $("#login").val(); $.ajax({ url: "testing.php", type: "POST", data: "login=" + login, cache: false, success: function(response){ if (response == "no"){ res = 'no'; } result(); } }); } function result() { if(res == 'no'){ $parentTag.addClass('error').append($error.clone().text("this login is busy")); } } //--------------------------------------------------------------------------------------------------- }); if ($('span.error').length > 0) { $('span.error').each(function(){ var distance = 5; var width = $(this).outerWidth(); var start = width + distance; $(this).show().css({ display: 'block', opacity: 0, right: -start+'px' }) .animate({ right: -width+'px', opacity: 1 }, 'slow'); }); } else { $formId.submit(); } e.preventDefault(); }); $('.required').focus(function(){ var $parent = $(this).parent(); $parent.removeClass('error'); $('span.error',$parent).fadeOut(); }); }); |
Часовой пояс GMT +3, время: 22:56. |