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

Question

Я пытаюсь проверить какое-либо поле формы, когда страница обновлена, потому что они поддерживают ее содержимое и даже если это правильно, сценарий не знает об этом и помечен как неправильный

$(document).ready(function() { 
    $('#phone').on('input', function() { 
      var input=$(this); 
      var re =/^[0-9]{9}$/; 
      var is_phone=re.test(input.val()); 
      if(is_phone){input.removeClass("invalid").removeClass("error").addClass("valid");} 
      else{input.removeClass("valid").addClass("invalid");} 
    }); 
}); 

Этот код проверяет текст при вводе текста, я просто хочу добавить второе условие к событию on(), но после попытки с 'ready' и 'load' он не работает.

Answer 1

Отделите логику от обработчика событий, чтобы вы могли вызвать его из нескольких мест.

$(document).ready(function() { 

    function validateInput (element) { 

    var input = $(element); 
    var re =/^[0-9]{9}$/; 
    var is_phone=re.test(input.val()); 

    if (is_phone) { 
     input.removeClass("invalid").removeClass("error").addClass("valid"); 
    } else { 
     input.removeClass("valid").addClass("invalid"); 
    } 
    } 

    // Called on input event 
    $('#phone').on('input', function (ev) { validateInput(this); }); 

    // Called on load 
    validateInput($('#phone')); 
});