javascript - HTML，是否可以从 "required"属性更改验证消息位置？

Question

我有一个带有不同语言的选项卡模式。我希望我的 2 种语言的每个 title 和 text 都是必需的，但是当我专注于一个选项卡时，来自另一个选项卡的验证消息会弹出到左上角出于某种原因屏幕的一 Angular 。

(抱歉，当我尝试截屏时，验证消息消失了，但我想你明白我在说什么)

所以我的模态如下:

现在我想做的是，当我专注于 English 选项卡并单击 Save 但希腊语字段为空时，我希望验证消息出现在 Greek 选项卡链接上，而不是屏幕左上角(无论出于何种原因都会出现)

例如，我可以用 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!');
  }
})