Response title
This is preview!
jQuery & Ajax
in Using jQuery
•
10 years ago
Hi.
I have problem with this script. Script is workimg well, but inside ajax at line -13 is working onli this part [ .addClass('error') ] of script, ( [ .append($error.clone().text("this login is busy")) ] -this part is not working).
At line -25 analogical script is working well.
Sorry for my limited english.
I have problem with this script. Script is workimg well, but inside ajax at line -13 is working onli this part [ .addClass('error') ] of script, ( [ .append($error.clone().text("this login is busy")) ] -this part is not working).
At line -25 analogical script is working well.
Sorry for my limited english.
Thanks for help.
- 01 $(document).ready(function() {
02 $('.btn-submit').click(function(e){
03 var $formId = $(this).parents('form');
04 var formAction = $formId.attr('action');
05 var $error = $('<span class="error"></span>');
06 $('li',$formId).removeClass('error');
07 $('span.error').remove();
08 $('.required',$formId).each(function(){
09 var inputVal = $(this).val();
10 var $parentTag = $(this).parent();
11
12 if(inputVal == ''){
13 $parentTag.addClass('error').append($error.clone().text('enter some text'));
14 }
15 //---------------------------------------------------------------------------------------------------
16 if($(this).hasClass('login') == true){
17 login = $("#login").val();
18 $.ajax({
19 url: "testing.php",
20 type: "POST",
21 data: "login=" + login,
22 cache: false,
23 success: function(response){
24 if (response == "no"){
25 $parentTag.addClass('error').append($error.clone().text("this login is busy"));
26 }
27 }
28 });
29 }
30 //---------------------------------------------------------------------------------------------------
31 });
32 if ($('span.error').length > 0) {
33 $('span.error').each(function(){
34 var distance = 5;
35 var width = $(this).outerWidth();
36 var start = width + distance;
37
38 $(this).show().css({
39 display: 'block',
40 opacity: 0,
41 right: -start+'px'
42 })
43 .animate({
44 right: -width+'px',
45 opacity: 1
46 }, 'slow');
47 });
48 } else {
49 $formId.submit();
50 }
51 e.preventDefault();
52 });
53 $('.required').focus(function(){
54 var $parent = $(this).parent();
55 $parent.removeClass('error');
56 $('span.error',$parent).fadeOut();
57 });
58 });
1