2017-05-16 8 views
0

送信ボタンを押してデータを送信すると、「正常に挿入されました」というメッセージが表示されます。 テキストボックスをクリックすると、JavaScriptの成功メッセージをクリアする方法

はあなたが書いたいくつかの実際のコードをポストする必要があり、あなたが

+3

をしてくださいしてみてください。あなたが与えられたものを、私はあなたが次のことを行うことができ想定できると

これまでのところ。私たちが助けることができるようにコードを見る必要があります。 – doutriforce

答えて

1

あなたが何をやったか投稿し、この

<input id="textbox1" type="text" onmouseenter="clearSuccessLabel()" > 
<input id="textbox2" type="text" onmouseenter="clearSuccessLabel()" > 
<input id="textbox3" type="text" onmouseenter="clearSuccessLabel()" > 
<input id="textbox4" type="text" onmouseenter="clearSuccessLabel()" > 
<input id="textbox5" type="text" onmouseenter="clearSuccessLabel()" > 
<span id="alert">Success!</span> 

function clearSuccessLabel() 
{ 
    document.getElementById('alert').innerHTML = ""; 
} 
+0

@Antony jqueryは必要ありません。ページの読み込み時にイベントを追加する必要はありません。 –

+0

あなたの解決策は、_on click_のメッセージをクリアしません。また、タグで宣言するのではなく、イベントを要素にバインドする方が安全です。 – doutriforce

1

適切にあなたを助けるためにありがとうございました。

window.onload = function() { 
 
    var elArr = document.querySelectorAll('input[type=text]'); 
 

 
    for (var i = 0, len = elArr.length; i < len; i++) { 
 
     elArr[i].addEventListener('focus', clearText); 
 
    } 
 
} 
 

 
function clearText() { 
 
    document.getElementById('alert').style.display = 'none'; 
 
}
span { 
 
    color: red; 
 
    display: block; 
 
}
<input id="textbox" type="text"> 
 
<input id="textbox2" type="text"> 
 
<input id="textbox3" type="text"> 
 
<input id="textbox4" type="text"> 
 
<input id="textbox5" type="text"> 
 
<span id="alert">Success!</span>

+0

こんにちは、@doutriforce、ありがとう、単一のテキストボックスのコードを助けていただきありがとうございますが、私はこの場合、5つのテキストボックスを持っていますどのように取ることができます – Antony

+0

@Antony、私の答えを編集しました。 – doutriforce

関連する問題