Question

我有多个具有相同类别的div - ＆＃39; .new-contact.clearfix.invite＆＃39;。 div包含一些输入。

我只想在单独/输入不同行中的某个输入（每个div是不同的行）时对表单（其类是＆＃39; invitePartners）执行验证。

我尝试了以下操作，但未触发事件：

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

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 和焦点发生泡沫的事件。

这意味着当您从.new-contact.clearfix.invite触发时，您的模糊事件不会上移到DOM，因此.invite

无法赶上

Answer 2

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

Answer 3

尝试.focusout（）...

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

您的元素不是很清楚，您应该在问题中发布HTML。如果您只是尝试使用与模糊元素相关的元素，则可能需要使用类似......

的内容

array_walk($your_array, function(&$v){
    $v = implode(',', $v);
});

模糊/焦点不起作用

3 个答案: