2014-07-25 7 views
0

우리는이 코드가있는 경우자바 스크립트 - 팝업 풍선에 코드를 표시하려면 어떻게해야하나요?

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

우리가 제출 버튼을 클릭하면 풍선 우리는 지금 우리가 무엇을 표시하려면이 풍선을 트리거 할 경우 ... 그 오류 messege 텍스트가 포함

을 할 수 표시됩니다 그래? 당신은 단지 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> 
+1

당신은 툴팁을 의미합니까? 커스텀 팝업을 원한다면, div를 생성하고 그것을 visibe로 설정하고, 그 안에 텍스트를 넣고 그것을 표시해야합니다. 지금 당장은 질문이 너무 광범위합니다. 여기에 여러 가지 질문이 있습니다. 실제 시도를하고 무언가를 시도하고 작동하지 않으면 질문을하십시오. –

+0

아니요, 기본 오류 팝업 풍선을 의미합니다 ... –

+0

하지만 도움을 주셔서 감사합니다. –

답변

0

: 예를 들어 우리는이 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