javascript - 成功提交电子邮件表单时如何使用jQuery触发事件

Question

当有人成功提交电子邮件表单时，我正在尝试跟踪（使用 Adob​​e Analytics 和 Tealium）作为事件。

我可以在用户单击提交时触发事件，但即使电子邮件字段为空或错误也会触发

jQuery(document).on('mousedown', 'button[name="dwfrm_requestpassword_send"]', function() {
  utag.link ({
    "link_name": "password email reset", 
    "event_name": "email password"
  });
});

但这会在每次点击时触发。然后我尝试添加这样的条件：

jQuery("#dwfrm_requestpassword_email-error")[0]或者if (jQuery("#dwfrm_requestpassword_email-error").length == 0)但无法将其捆绑在一起。

试图获得以下信息：当用户点击提交并成功触发跟踪事件时

我希望只有在输入电子邮件地址并点击提交没有问题后才会触发 utag.link

Answer 1

假设表示 id='dwfrm_requestpassword_email-error' 的 dom 节点仅在密码表单元素中存在错误时才存在，这应该可以解决问题。

   jQuery(document).on('click', 'button[name="dwfrm_requestpassword_send"]', function() {

  if(!jQuery("#dwfrm_requestpassword_email-error").length){
     utag.link ({
        "link_name": "password email reset", 
        "event_name": "email password"
      });
    }
});