Forum PHP.pl

Witam,

[HTML] pobierz, plaintext 
$('#ArtistName').click(function() {
      $('#artistWyslano').attr('disabled', 'disabled');
      var name = $('#ArtistName').val();
        if (name.length < 3) {
          $('#ArtistName').blur(function (e) {
             var artist = $(this).val();
             $.ajax({
                url:'/ajax/sprawdz-artyste.php',
                type: 'POST',
                data:{'artist':artist},
                dataType: 'json',
                success: function(data) {
                 if(data.wynik=='nie'){
                    $('#status').html(data.wiadomosc);
                  } 
                 else if(data.wynik=='tak'){
                    $('#status').html(data.wiadomosc);
                    $('#artistWyslano').removeAttr('disabled');
                  }
                }});
                });
          };
        });
[HTML] pobierz, plaintext 

plik json:

[HTML] pobierz, plaintext 
[{"wynik":"tak","wiadomosc":"Zaproponowany artysta nie istnieje"}]
[HTML] pobierz, plaintext 

Chciałbym uaktywnić przycisk submit formularza, id #artistWyslano dopiero wtedy jak element wynik w pliku json będzie miał wartość nie, a w elemencie div #status wstawić wartość znajdującą sie w elemencie wiadomosc z pliku json, tym czasem mimo usilnych prób, przycisk submit pozostaje nieaktywny a zawartość diva #status pozostaje bez zmian.

Mogę prosić o wskazówkę gdzie popełniam błąd że to nie działa prawidłowo?

Ten post edytował @rtur 21.11.2014, 07:46:55

Sprawdź w konsoli przeglądarki (zakładka Sieć) jaką odpowiedź otrzymujesz z żądania ajax.

W chrome zakładka Network->Response
http://www.fotosik.pl/pokaz_obrazek/1eb02202a3b5ac67.html
http://www.fotosik.pl/pokaz_obrazek/de420613837973eb.html

Dzięki powyższe działa jak chciałem, ale w międzyczasie wynikł jeszcze jeden problem.

[HTML] pobierz, plaintext 
$('#ArtistName').click(function() {
  // To Disable Submit Button
  $('#artistWyslano').attr('disabled', 'disabled');
  // Validating Fields
  var name = $('#ArtistName').val();
    if (name.length > 4) {
      $('#ArtistName').blur(function (e) {
         var artist = $(this).val();
         $.ajax({
            url:'/ajax/sprawdz-artyste.php',
            type: 'POST',
            data:{'artist':artist},
            dataType: 'json',
            success: function(data) {
             if(data[0].wynik=='nie'){
                $('#status').html(data[0].wiadomosc);
              } else if(data[0].wynik=='tak'){
                $('#status').html(data[0].wiadomosc);
                $('#artistWyslano').removeAttr('disabled');
              }
            }});
            });
      };
  });
[HTML] pobierz, plaintext 

Chciałbym aby po wpisaniu minimalnie 4 znaków w pole #artistName odpalało ajaxa z zapytaniem, po to dałem warunek if (name.length > 4), ale on działa dopiero za 2 razem tzn wpisze tekst w pole, opuszczę to pole nic się nie dzieje, dopiero jak drugi raz postawie kursor w tym polu i z niego wyjdę to odpala ajaxa. W czym tkwi problem?

[HTML] pobierz, plaintext 
$('#ArtistName').keydown(function() {
var xhr;
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
if(xhr!==undefined) xhr.abort();
xhr=$.ajax({
[HTML] pobierz, plaintext