doujie3888 2019-06-20 05:52
浏览 898

如何阻止blur()事件函数触发两次?

I am trying to fetch the records from the database using blur function. There are two input fields where this function triggers. I have used different names, variables, javascript, controller using laravel to fetch the records. I am able to fetch the records through ajax and successfully opens the modal. When the modal pop ups when the blur function triggers, it also triggers the function for the second field.

I just want to trigger the modal according to the field, where the blur triggers and not to trigger twice.

//input field: originS

<script type="text/javascript">
        $(document).ready(function(){
          var  origin = "";
          var _token = "";
          var ovalue = "";
        $('#originS').blur(function(){
           ovalue = "";
           origin = $(this).val();
           _token = $('input[name="_token"]').val();
          $.ajax({
              type: 'POST',
              url: '{{ route('pagescontroller.fetchOrigin') }}',
              data:{origin:origin, _token:_token},
              success: function(response){

                if(response){
                $("#originSelect").modal('show');
                console.log(response);
                $(".result").html(response);

                 $(document).on('change', '#selectSuburb', function () {

                    ovalue =   $(this).val();
                   if ($(this).is(':checked')) {
                   $('#originS').val(ovalue);
                   $("#originSelect").modal('hide');
                   $this.die('blur');
                 }

                 });

                 $('#originSelect').on('hidden.bs.modal', function (e) {
                       if (ovalue == "") {
                       $("#originS").val('');
                       $(".result").html(response);
                      }
                 });


               }
              },
          });
        });
        });
        </script>

//input field: destS

    </script>

    <script type="text/javascript">
    $(document).ready(function(){
    var  dest = "";
    var _token = "";
    var dvalue = "";
    $('#destS').blur(function(){
      dvalue = "";
      dest = $(this).val();
       _token = $('input[name="_token"]').val();
      $.ajax({
          type: 'POST',
          url: '{{ route('pagescontroller.fetchdest') }}',
          data:{dest:dest, _token:_token},
          success: function(response){
            if(response){
            $("#destSelect").modal('show');
            console.log(response);
            $(".dresult").html(response);

             $(document).on('change', '#selectSuburbdest', function () {

                dvalue =   $(this).val();
               if ($(this).is(':checked')) {
               $('#destS').val(dvalue);
               $("#destSelect").modal('hide');
               $this.die('blur');
             }

             });

             $('#destSelect').on('hidden.bs.modal', function (e) {
                   if (dvalue == "") {
                   $("#destS").val('');
                   $(".dresult").html(response);
                  }
             });


           }
          },
      });
    });
    });
    </script>
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 C++使用Gunplot
    • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
    • ¥15 matlab数字图像处理频率域滤波
    • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
    • ¥15 ELGamal和paillier计算效率谁快?
    • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
    • ¥15 Arcgis相交分析无法绘制一个或多个图形
    • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
    • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
    • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)