javascript - HTML，是否可以通过“required”属性更改验证消息的位置？

我有一个使用不同语言的选项卡式模式。我希望两种语言都需要标题和文本，但是当我专注于一个选项卡时，出于某种原因，来自另一选项卡的验证消息会弹出到屏幕的左上角。

（对不起，当我尝试查看时，验证消息消失了，但我想您明白了我的意思）

所以我的模态如下：


现在，我要做的是，当我专注于“英语”选项卡并单击“保存”，但希腊语字段为空时，我希望验证消息显示在“希腊语”选项卡链接上，而不是屏幕的左上方（无论出于何种原因发生）

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

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

这可能吗？如果没有，我该如何处理？

任何帮助，建议表示赞赏。

最佳答案

你可以做这样的事情

例如：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!');
  }
})