blur/focusout не работает

Question

У меня есть несколько div с тем же классом -. New-contact.clearfix.invite '. В divs содержатся некоторые входы.

Я хочу выполнить валидацию в форме (которую ее класс «приглашает»), только когда я нажимаю/ввожу какой-либо ввод в другой строке (каждый div - это другая строка).

Я попытался следующие, но событие не срабатывает:

$('.invite').on('blur','.new-contact.clearfix.invite', function() { 
$('.invitePartners').valid() 
}) 

Пример HTML в Div в:

<div class="row"> 
    <div class="new-contact clearfix invite"> 
      <div class="first-name invite"> 
       <input type="text" id="firstName1" class="signup-input firstName required" name="first[1]" placeholder=""> 
      </div> 
     <div class="last-name"> 
       <input type="text" id="lastName1" class="signup-input lastName" name="last[1]" placeholder="optional"> 
      </div> 
       <input type="text" data-index="1" id="inputMail1" class="signup-input mail" name="email[1]" placeholder="e.g. example@url.com" aria-invalid="true"> 
       <span class="common-sprite sign-up-cross first clone"></span> 
      </div> 
    </div> 

</div> 

Answer 1

Цитата из JQuery страницы on справки:

фокус и размытие события задаются W3C, чтобы не пузыриться, но jQuery определяет кросс-браузер focusin и focusout события, которые делают пузырь.

Это означает, что ваше мероприятие размытости не идут вверх DOM при выстреле из .new-contact.clearfix.invite и поэтому не может быть догнать по .invite

Answer 2

$('body').on('blur','.new-contact.clearfix.invite input', function() { 
    $('.invitePartners').valid() 
}); 

Answer 3

Попробуйте .focusout() ...

$('.new-contact.clearfix.invite').focusout(function() { 
    $('.invitePartners').valid(); 
}); 

Это не совсем понятно, каковы ваши элементы, вы должны опубликовать свой HTML-код в своем вопросе. Если вы просто пытаетесь использовать элементы, связанные с элементом, размыты, вам может потребоваться использовать что-то вроде ...

$('.invitePartners', this).valid();