Глобальная переменная изменяется во вложенной функции,а за пределами остается прежней?

Question

[helga112358]

Глобальная переменная не изменяется вне вложенной функции, нужно переменную checkName использовать в другой функции, но console.log выдает false. Хотя валидация проходит успешно. Подскажите пожалуйста в чем может быть причина?

var checkName = false;
         
     $('.userName').blur(function() {
            if($(this).val() != '') {
                var pattern = /^[a-zA-Z]+$/; 
                if(pattern.test($(this).val())){
                    checkName = true;
                    $('.nameValid').css({'display' : 'none'});
                } else {
                    $('.nameValid').css({'display' : 'block'});
                    $('.nameValid').text('Invalid name!');
                }
            } else {
                $('.nameValid').css({'display' : 'block'});
                $('.nameValid').text('Name must be filled!');
            }
        });
        console.log(checkName);

Answer 1

[Rsa97]

blur() всего лишь вешает обработчик на элементы .userName и сразу же возвращается.
Каллбэк-функция, которая может изменить checkName будет вызвана только по событию.

Comments

[helga112358]

спасибо) поняла суть проблемы, нашла пример варианта решения, но не совсем понимаю как его привязать к своей функции

<form name="form">
  <input type="text" name="name" value="Ваше имя">
  <input type="text" name="surname" value="Ваша фамилия">
</form>
<style>
  .focused {
    outline: 1px solid red; }
</style>

<script>
  function onFormFocus() {
    this.className = 'focused';
  }
  function onFormBlur() {
    this.className = '';
  }
  var form = document.forms.form;

  if (form.addEventListener) {
    // focus/blur на стадии перехвата срабатывают во всех браузерах
    // поэтому используем их
    form.addEventListener('focus', onFormFocus, true);
    form.addEventListener('blur', onFormBlur, true);
  } else {
    // ветка для IE8-, где нет стадии перехвата, но есть focusin/focusout
    form.onfocusin = onFormFocus;
    form.onfocusout = onFormBlur;
  }
</script>