javascript - 确保用户在提交前点击了动态生成的外部链接

Question

我需要确保用户在提交之前必须点击外部链接(弹出新页面)。

有没有一种适用于所有主流浏览器的简单方法？

更新:这些链接中可能有几个是动态生成的。需要确保每个都被点击

Answer 1

这对您有帮助吗？这是一个 FIDDLE 。

<input type="submit" name="submit" value="Submit" disabled>

---

$(function() {
  // For demo purposes
  $('body').prepend('<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>');

  $(document).on('click','.ext', function() {
    $(this).toggleClass('ext','clicked');
    if($('.ext').length === 0) {
       $('input[name="submit"]').prop('disabled',false);
    }
  });

});