Question

我有一个带有不同语言的标签模式。我想要每个标题＆amp; 文字表示需要我的2种语言，但当我专注于一个标签时，由于某种原因，来自其他标签的验证消息会弹出到屏幕的左上角。

（对不起，当我尝试拍摄一张sceenshot时，验证信息会消失，但我认为你得到我说的话）

所以我的模态如下： https://developers.google.com/identity/sign-in/web/listeners

现在我想要做的是，当我专注于英语标签并点击保存但希腊语字段为空时，我想要验证消息出现在希腊语标签链接上，而不是屏幕的左上角（出于某种原因发生）

例如，我可以使用jQuery执行以下操作：

$('#myElement').attr("required").location = ???

这可能吗？如果没有，我该怎么做呢？

任何帮助，建议非常感谢。

Answer 1

你可以做这样的事情

示例：https://jsfiddle.net/wakirin/nfoqacyy/

$('#btn-save').click(function(e){
    e.preventDefault();
  var inputs = 0;
  $.each($('.tab-pane'), function(k,v){
    inputs = $(v).find('input:required').filter(function() {return !this.value.length;}).length + $(v).find('textarea:required').filter(function() {return !this.value.length;}).length;

        $('a[aria-controls="'+$(v).attr('id')+'"]').removeAttr('style');

    if (inputs > 0) {
        $('a[aria-controls="'+$(v).attr('id')+'"]').css({color: '#a94442'});
    }
  });
  if (inputs == 0) {
    alert('OK!');
  }
})

HTML，是否可以从“required”属性更改验证消息位置？

1 个答案: