Получите входную переменную после ее заполнения, затем выполните ajax

Question

У меня есть форма заказа, в которой требуется почтовый индекс. Мне нужен этот zipcode, чтобы получить LocationID. Zipcodes находятся в формате 0000XX, но мне просто нужны первые 4 цифры. Теперь я сделал (глобальный) javascript, чтобы получить идентификатор locationID через ajax.

Единственная проблема заключается в том, что теперь im использует функцию keyup, которая активируется, когда кто-то вводит в zipcode. Но я хочу, чтобы он активировался, когда пользователь набрал что-то и нажмет на другое поле. Как я могу это сделать ?

$('#deliveryzip').bind('keyup change', function(){ 

    //Get zip 
    var zip = $('#deliveryzip').val(); 

    //Strip first 4 chars from input 
    //check if 4 chars are integer 
    //if all ok do ajax... 

    //Get locationID from zipcode 
    $.post(jssitebaseUrl+'/ajaxFile.php',{"zip":zip,"action":"getLocInfo"},function(response){ 
     if(response == "ok"){ 
      alert(response); 

      //If return is ok.. 
      var show = true; 
     } 
    });  


if(show){ 
    $('#locInfo').show(); 
} else { 
    $('#locInfo').hide(); 
} 
    return false; 

}); 

Answer 1

Вместо прослушивания события KeyUp , почему бы вам просто не послушать событие изменения?

$('#deliveryzip').on('change', function(){....}); 

срабатывает событие изменения, когда поле ввода изменилось, и как только оно теряет фокус (например, с помощью пользовательского щелчка на другом элементе). См http://msdn.microsoft.com/en-us/library/ie/ms536912(v=vs.85).aspx для получения дополнительной информации (от Microsof) и здесь документация от Mozilla https://developer.mozilla.org/en-US/docs/Web/Reference/Events/change

Answer 2

Вы можете использовать ONBLUR функцию: http://www.w3schools.com/jsref/event_onblur.asp

Событие ONBLUR происходит, когда объект теряет фокус.

Onblur чаще всего используется с кодом проверки формы (например, когда пользователь покидает поле формы).

Совет. Событие onblur является противоположным событию onfocus.

С JQuery: на ("размытость", обработчик)

Answer 3

Изменение 'keyup change' к blur

Размытие по существу противоположность focus

Documentation here