Javascript-如何用代码显示弹出气球？

如果我们有这个密码

<form>
    <input required oninvalid="this.setCustomValidity('error messege')" />
    <input type="submit">
</form>

单击“提交”按钮时，将显示包含错误消息文本的引出序号

现在如果我们想触发这个气球来展示我们能做什么？ 例如，我们有以下HTML代码：

<input id="myTextBox" >
<input type="button" onclick="showBalloon()" >

<script>
    function showBalloon(){
        var elem = document.getElementById('myTextBox');
        elem.setCustomValidity('error messege');


        // my problem is HERE !!!
        elem.whichFunctionShouldICallOrWhatToDo(); // this shows balloon of myTextBox
    }
</script>

函数showBalloon（）{
var elem=document.getElementById（'myTextBox'）；
元素setCustomValidity（“错误消息”）；
//我的问题就在这里！！！
elem.whichfunction shouldicallorwhattodo（）；//这显示了myTextBox的气球
}

我认为您已经完成了主要功能，只需要一个HTML元素，并修改样式以显示或隐藏

<div id='myTextBox' style="display: none;"></div> 
// i'd set it in your javascript, but you get the idea

elem.innerHTML = 'error message';
elem.style.display = 'visible'; //show

//我会在你的javascript中设置它，但你明白了
elem.innerHTML='错误消息'；
elem.style.display='可见'//显示

你是说工具提示？如果您想要自定义弹出窗口，您必须创建一个div并将其设置为visibe，将文本放入其中并显示它。就目前而言，这个问题太广泛了，这里有很多问题要问。一旦你尝试了某件事但失败了，就尝试一下并问一个问题。不，我的意思是默认错误弹出气球…但是，谢谢你的帮助