Javascript - Как мы можем показать всплывающее окно с кодом?

Question

Если у нас есть этот код

<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>

Answer 1

Я думаю, что у вас есть основная функциональность, вам просто нужен элемент 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