ユーザーにテキストボックスを使用してEnterキーを押してもらいたいです。課題は、5つのテキストボックスと2つのオプションがあることです。 3つのテキストボックスは1つのボタンに属し、2つのテキストボックスは他のボタンに属します。ユーザーがEnterキーを押したときに入力したテキストボックスに従って、特定のボタンをどのようにトリガーしますか?5テキストボックス、2ボタン。ボタンにテキストボックスを割り当てる方法は?
答えて
これは、私が別のユーザータイプの2つの異なるログインフォームを持つページを自分で作成したものです。私がしたことは、2つのフォームをそれぞれ独自のASP Panelコントロールと、DefaultButtonを設定しているパネルで区別することでした。こうすることで、フォームに入力してEnterキーを押すと、正しいボタンで送信されます。
例:
<asp:Panel id="panel1" DefaultButton="button1">
<asp:textbox id="textbox1"/>
<asp:textbox id="textbox2"/>
<asp:buton id="button1"/>
</asp:panel>
<asp:panel id="panel2" DefaultButton="button2">
<asp:textbox id="textbox3"/>
<asp:textbox id="textbox4"/>
<asp:button id="button2"/>
</asp:panel>
EDIT:ここではあなたのテキストボックスにONKEYPRESSプロパティを割り当てることによって、それを行う方法のanother methodです。 これは私が例 TOP AT
を説明したものとは別のソリューションです:
function clickButton(e, buttonid){
var evt = e ? e : window.event;
var bt = document.getElementById(buttonid);
if (bt){
if (evt.keyCode == 13){
bt.click();
return false;
}
}
}
//code behind
TextBox1.Attributes.Add("onkeypress",
"return clickButton(event,'" + Button1.ClientID + "')");
をコードが背後にある次のコードを生成します。これはかなりあるjQueryを使用して
<input name="TextBox1" type="text" id="TextBox1" onkeypress="return
clickButton(event,'Button1')" />
ほとんど邪魔にならない – roosteronacid
@rooster:あなたはそのように感じてすみませます。明らかに、著者は、単純な問題を解決するために完全に別のjsライブラリを使用するよりも、目的を果たしていると感じました。 – TheTXI
@TheTXI:ソリッドソリューション、はい。しかし、それは目立たないものではありません。また、それは明らかに様々な技術を分離していません。 (再投稿)。 – roosteronacid
を達成しやすい:
$(function()
{
$("#id-of-textbox-1, #id-of-textbox2, etc.").keyup(function (e)
{
if (e.keyCode === 13) $("#id-of-submit-button-1").click();
});
// And for the second group
$("#id-of-textbox-3, #id-of-textbox4, etc.").keyup(function (e)
{
if (e.keyCode === 13) $("#id-of-submit-button-2").click();
});
});
ASP.NET ボタンコントロールを使用している場合、これらのコントロールにはUseSubmitBehavior
のプロパティを必ずfalseに設定してください。
もちろん、Javascriptが無効になっている場合は失敗します... ASP.NET iircはすべてのコントロールを単一のフォームにラップするので、JSも無効になっている場合は他の方法と同じです。 – Powerlord
.netは要素のIDを混乱させることを覚えておいてください。 "#id-of-textbox-1"の代わりに<%= textbox1.ClientID%>を使用してください。 – rmw
R. Bemrose:ありがとうございました:) – roosteronacid
この状況では、関連するテキストボックスとパネル内のボタンをグループ化します。 Panelには、使用できるDefaultButtonプロパティがあります。 DefaultButton = "IdOfTheDefaultButtonForControlsInThisPanel"
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.panel.defaultbutton.aspx
- 1. セッションにテキストボックス値を割り当てる
- 2. テキストボックス値を変数に割り当てる方法
- 3. Yiiのearchボタンにアクションを割り当てる方法は?
- 4. ボタン内テキストボックス
- 5. ボタンをテキストボックスにバインドする
- 6. 時間の間にテキストボックス(テキストボックスが空の場合)に 'NULL'ワードを割り当てる方法は?
- 7. ボタンを押してテキストボックスを取り除く方法vC++?
- 8. ボタンに日付を自動的に割り当てる方法
- 9. TinyMCE:テキストボックス値をコードの後ろに割り当てる方法は?
- 10. GrailsのリンクタグのIDにテキストボックスの値を割り当てる方法は?
- 11. google +とtwitterの "likeボタン"にダイナミックリンクを割り当てる方法
- 12. ボタンにバリデータを割り当てる方法
- 13. テキストボックス内にボタンを作成ボタンの名前またはボタンとしてテキストボックスのテキストを表示
- 14. テキストボックスとボタン適切
- 15. jQueryを使用してテキストボックスにモデルプロパティを割り当てる
- 16. C#ボタンを別のボタンに割り当てる
- 17. ボタンをマージンなしでテキストボックスの右に揃える方法は?
- 18. ビュー内にテキストボックスとボタンを作成する方法は?
- 19. コードのないテキストボックス値にメソッドの出力を割り当てる方法
- 20. リストボックスからテキストボックスに単語(番号)を割り当てる方法
- 21. ランダムに割り当てられたボタン
- 22. 同じページのモーダルボックスにテキストボックス値を割り当てる
- 23. 行番号をテキストボックスに割り当てる
- 24. VC++、ボタンとテキストボックスをオブジェクトにする
- 25. in flash cs5ボタンに簡単なアクションを割り当てる方法は?
- 26. MS Accessのテキストボックスにクエリ結果を割り当てます。
- 27. AS3ボタン上の動的テキストボックス
- 28. winformsのテキストボックス内のボタン
- 29. ボタンにCRLFホットキーを割り当てる方法を教えてください
- 30. サーバーサイド変数をテキストボックスのテキストとして割り当てます。
あなたは "割り当て" とは何を意味するのですか? –
指定したボタンをクリックした後にテキストボックスに入力された内容を知りたいですか? – TStamper
私は彼が各テキストボックスの "入力"ボタンを望んでいると思う。そのため、TextBox "A"にフォーカスがあるときにリターンキーを押すと、ボタンイベントが発生し、別のTextBoxのボタンが表示されます – Inisheer