How to check the validation result on the client of a specific field in YII2?

Question

JavaScript

Good afternoon. I want to show the picture the user has selected in the input file field next to this field. But only on condition that the picture has passed the built-in YII2 client-side validation. Please tell me how can I describe this condition in javascript.

if (валидация на конкретном поле пройдена ) {
     вставляем картинку.
}

Answer 1

$('#myForm').on('afterValidateAttribute', function(event, messages) {
  if(messages.length) {
    alert('Ошибка валидации');
    return false;
  }
})

Answer 2

make an xhr request on an event - uploading a photo to the server, to the controller that is validating .. in response, the controller sends true / false , then in the response it is checked that the server answered, if true - then load the image