Показывать модальные только тогда, когда флажок установлен, а вход удален и пуст

Question

Возникли проблемы с кодом, я ценю ваш ответ заранее. Я пытаюсь сделать следующее: 1. Если флажок установлен, а поле номера мобильного телефона не пустое, то, когда клиент пытается удалить номер, он должен предупредить об окончании фокусировки. 2. Если флажок установлен и поле мобильного номера уже пусто, то при фокусировке не должно отображаться предупреждение.

var textCheckboxChecked = $("input[id$='CheckboxPhone']").is(":checked");
		  $('#profileCell').on('focusout', function() {
		    if (($(this).val().length < 1) && textCheckboxChecked) {
			    alert("test"); //When I delete the existing numer in input, then on focusout, alert works
          // That should not show alert on focusout when no number is available at all.
		    }
		  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input data-msg-phoneus="This phone number is invalid. Please enter a 10 digit number." autocomplete="off" type="text" class="form-control input-lg js-profileContact valid" value="214-456-6189" name="profileCell" id="profileCell" data-profilecontact="2144566189"
  data-profilecontactformat="214-456-6189">

<br><br>

<input autocomplete="off" type="checkbox" id="customerServiceCheckboxPhone" name="customerServiceCheckboxPhone" checked="checked" class="valid">
<label class="checkbox-check" tabindex="0" for="customerServiceCheckboxPhone">Checkbox</label>

Answer 1

$("#profileCell").focusout(function(){
  if ($("#customerServiceCheckboxPhone").is(':checked')==true && $("#profileCell").val()=="") { 
        alert("mobile Number is mandatory"); 
   }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input data-msg-phoneus="This phone number is invalid. Please enter a 10 digit number." autocomplete="off" type="text" class="form-control input-lg js-profileContact valid" value="214-456-6189" name="profileCell" id="profileCell" data-profilecontact="2144566189"
  data-profilecontactformat="214-456-6189">

<br><br>

<input autocomplete="off" type="checkbox" id="customerServiceCheckboxPhone" name="customerServiceCheckboxPhone" checked="checked" class="valid">
<label class="checkbox-check" tabindex="0" for="customerServiceCheckboxPhone">Checkbox</label>