送信ボタンを押してデータを送信すると、「正常に挿入されました」というメッセージが表示されます。 テキストボックスをクリックすると、JavaScriptの成功メッセージをクリアする方法
はあなたが書いたいくつかの実際のコードをポストする必要があり、あなたが答えて
あなたが何をやったか投稿し、この
<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 = "";
}
@Antony jqueryは必要ありません。ページの読み込み時にイベントを追加する必要はありません。 –
あなたの解決策は、_on click_のメッセージをクリアしません。また、タグで宣言するのではなく、イベントを要素にバインドする方が安全です。 – doutriforce
適切にあなたを助けるためにありがとうございました。
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>
こんにちは、@doutriforce、ありがとう、単一のテキストボックスのコードを助けていただきありがとうございますが、私はこの場合、5つのテキストボックスを持っていますどのように取ることができます – Antony
@Antony、私の答えを編集しました。 – doutriforce
- 1. angular2のテキストボックスをクリアする方法
- 2. Vue.jsメッセージの成功Axios Javascript
- 3. テキストボックスをクリアすると以前の検索結果をクリアする方法
- 4. djangoジェネリックビューを使用すると成功メッセージを送信する方法
- 5. Spring MVCフォーム - 成功メッセージを追加してフォームをクリア
- 6. Thymeleaf:送信ボタンをクリックすると、成功メッセージが表示されます
- 7. カスタマイズボタンと成功メッセージ
- 8. Ajaxの成功メッセージを表示する
- 9. Cのテキストボックスをクリアする
- 10. クリックするとテキストボックスのサイズを拡張する方法は?
- 11. RedirectToActionが使用されたときに成功メッセージを表示する方法
- 12. エラーメッセージと成功したメッセージを登録フォームに設定する方法
- 13. テキストボックスの上にメッセージを得る方法
- 14. モデルのテキストボックスを外にクリックしてクリアする
- 15. リンクをクリックしてテキストボックス(ラベル)を作成するJavaScriptファイル
- 16. ユーザーがクリックしてテキストボックスにランダムcaseidを生成する方法
- 17. キャンバスをクリアする方法とコードを追加する - JavaScript
- 18. 他の場所でクリックするとテキストボックスを残す方法は?
- 19. asp.netのモーダルポップアップウィンドウ内のfileuploadテキストボックスをクリアする方法は?
- 20. テキストボックスをクリックしたときにテキストボックスのバインドを更新する方法
- 21. マウスオーバー時にメッセージを表示するテキストボックスを作成する方法は?
- 22. VBA Excelファイルを選択 - キャンセルをクリックすると、テキストボックスがクリアされます
- 23. ポップアップフォーム成功メッセージ
- 24. 成功メッセージ
- 25. マクロ内のテキストボックスをクリアする方法は?
- 26. 2番目の成功メッセージの後にページを更新する方法
- 27. ワードプレスの登録フォームページでメッセージの成功を表示する方法
- 28. データ挿入に成功した後のラジオボタンリストのクリア方法
- 29. テキストボックスをクリックしたときにボタンをフォーカスする方法
- 30. JavaScriptで入力テキストボックスを作成する方法
をしてくださいしてみてください。あなたが与えられたものを、私はあなたが次のことを行うことができ想定できると
これまでのところ。私たちが助けることができるようにコードを見る必要があります。 – doutriforce