模糊/聚焦不起作用

Question

我有多個具有相同類的 div-'.new-contact.clearfix.invite'。 div 包含一些輸入。

只有當我在不同的行（每個 div 是不同的行）中單擊/輸入一些輸入時，我才想對表單（它的類是“invitePartners”）執行驗證。

我嘗試了以下操作，但未觸發事件：

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

div 的 HTML 示例：

<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

on幫助頁面on引用 JQuery ：

W3C 指定focus和blur事件不冒泡，但 jQuery 定義了跨瀏覽器的focusin和focusout事件，它們會冒泡。

這意味着您的模糊事件在從.new-contact.clearfix.invite觸發時不會上升到 DOM，因此無法被.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();