キーアップまたは変更イベントで、Ajaxを起動してjQueryでデータを送信します

Question

私はキーアップと変更の両方の機能を試しましたが、ここでそのトリックはしません。 ユーザーがバウチャーコードを入力し、バウチャーがデータベースに存在するかどうかを確認するAjaxリクエストを送信したいとします。私は試しました：

$('#discount-voucher').keyup(function(event) { 
    // Get the value 
    let value = $(this).val() 

    // Check if exists 
    $.ajax({ 
     url: '{{ route('get-voucher') }}', 
     type: 'POST', 
     data: {_token: '{{ csrf_token() }}', code: value} 
    }) 
    .done(function(data) { 
     if (data == 'error') { 
      $('span#voucher-error').text('Неавлиден ваучер') 
     } 
    }) 
    .fail(function() { 
     console.log("error") 
    }) 
    .always(function() { 
     console.log("complete") 
    }) 
}) 

しかし、これらのバウチャーは電子メールで送信され、ユーザーコピーはそれらを貼り付けるとしましょう。うまくいかないだろう。 変更機能を使用すると、ユーザーは入力の外をクリックしたり、機能を有効にするためにEnterキーを押したりする必要がありません。また、「入力の外側をクリックしてくださいバウチャーが有効かどうかを確認してください。 "だから私は必要なものは、クリックするか

pasteイベントがあり

Answer 1

、あなたは以下のような複数のイベントリスナーを設定することができ入る押さずに有効になります変更機能のようなものは次のとおりです。

も

$('#discount-voucher').on('keyup paste change', function() { 
     //Do something . . . . 
}); 

あなたが絞る必要があるかもしれませんajaxリクエストでは、入力することによって頻繁に呼び出されることはありません。