Javascript jQuery。在模态引导中等待输入值

我有一个脚本，显示模式引导，并获得输入值，与他一起操作。但我的问题是脚本不会停止用户插入的输入值

模态：

  <!-- Modal -->
  <div class="modal fade" id="imageModal">
   <div class="modal-dialog" role="document">
       <div class="modal-content">
           <div class="modal-body">
               <div class="row">
                   <div class="col-12 col-sm-12 col-md-6 form-group">
                       <label for="f-type_id">Type image</label>
                       <select class="form-control">
                           <option value="">- Please select -</option>
                           @foreach($types as $type)
                               <option id="type_id"  value="{{ $type->id 
                                     }}">
                                   {{ $type->name }}
                               </option>
                           @endforeach
                       </select>
                   </div>
               </div>

               <div class="col-12 col-sm-12 col-md-6 form-group">
                   <label for="main">
                       <input type="checkbox" class="form-control" 
                        id="main">  
                         Main Image?
                   </label>
               </div>
           </div>

           <div class="modal-footer">
               <button type="button" class="btn data-target='#imageModal'
                       data-toggle='modal'>Save
               </button>
           </div>
       </div>
   </div>

imageHtml是一个使用这些值（#type#id&#main）生成数组的函数，但我需要停止脚本的电子执行，直到用户插入$type&$main值

在模式关闭之前是否可能停止脚本？不知道

如果使用调试浏览器，我可以在用户插入值之前检查变量值是否传递给函数imageHtml

---

提前谢谢

如果我正确理解了您的问题，您可以在运行函数之前对$type和$main进行任何检查

e、 g

编辑：

这在一定程度上解决了问题

---

我在按钮模式中添加了id=“addImageData”，现在脚本的其余部分等待模式关闭。但现在的问题是价值输入不正确。此解决方案不好，无法正常工作。但可能是我需要的一个想法…

谢谢，但不完全是。这样脚本将继续并始终显示警报。我需要停止执行，直到模态关闭或任何类似事件，而不是您可以使用

抛出新错误（）的警报？我需要随时停止。如果（$type！=''&&$main！=''）-->请稍候。我不能继续了
 var $listOfImages = $('#listOfImages');

 $('#addImageButton').click(function() {
    FileManagerFunctions.open('images', function(url, filePath) {
        // Add image element
        $('#imageModal').modal('show');
        var $type =  $('#type_id').val();
        var $main = $('#main').val();
        var $newImage = imageHtml(filePath, $type, $main);
        $listOfImages.append($newImage);
      });
  });

      var $listOfImages = $('#listOfImages');

         $('#addImageButton').click(function() {
            FileManagerFunctions.open('images', function(url, filePath) {
                // Add image element
                $('#imageModal').modal('show');
                var $type =  $('#type_id').val();
                var $main = $('#main').val();
                var $newImage = imageHtml(filePath, $type, $main);
                if ($type !== '' && $main !== '') {
                    $listOfImages.append($newImage);
                } else {
                    alert('please enter a value for name and type')
                }
              });
          });