Как сделать проверку var на пустоту?

Question

[iAndyPC]

Есть вот такая функция. Как сделать так, чтобы если какой-нибудь var будет пустой, функция не выполнилась.

$(function() {

  $('.add-job-button')
    .click(function() {

      $('.left h4').remove();

      var inputVal = $('.input-name').val();
      var inputVal2 = $('.input-description').val();

      $('.left').append('<div class="added-job">' +
        '<h3>' + inputVal + '</h3>' +
        '<input type="image" class="delete-job" name="delete-job" src="delete.png"></input>' +
        '<p>' + inputVal2 + '</p>' +
        '</div>');

      $('.input-name').val('');
      $('.input-description').val('');
    });
});

Comments

[Михаил]

$(function() {

  $('.add-job-button')
    .click(function() {

      $('.left h4').remove(); // вероятно требуется написать после проверки, если удалять элемент нужно лишь когда заполнен текст

      var inputVal = $('.input-name').val();
      var inputVal2 = $('.input-description').val();
if(inputVal.length == 0 || inputVal2.length == 0){
return;
}

      $('.left').append('<div class="added-job">' +
        '<h3>' + inputVal + '</h3>' +
        '<input type="image" class="delete-job" name="delete-job" src="delete.png"></input>' +
        '<p>' + inputVal2 + '</p>' +
        '</div>');

      $('.input-name').val('');
      $('.input-description').val('');
    });
});

Answer 1

[WapSter]

$(function() {

  $('.add-job-button')
    .click(function() {

      $('.left h4').remove();

      var inputVal = $('.input-name').val();
      var inputVal2 = $('.input-description').val();
      if (inputVal && inputVal2) {
           $('.left').append('<div class="added-job">' +
        '<h3>' + inputVal + '</h3>' +
        '<input type="image" class="delete-job" name="delete-job" src="delete.png"></input>' +
        '<p>' + inputVal2 + '</p>' +
        '</div>');
      } else {
          return false;
      }
    });
});