3

私はmvc3アプリケーションを持っています。1ページに、ユーザーがクライアントを検索できるテキストボックスがあります。私は、Windowsフォームであり、電話8の開発者であるため、一部の機能に苦労しています。Enterキーを押すと、このテキストボックスを実行したいのですが、ユーザーがクリックして検索できるボタンがありますが、ほとんどのユーザーはEnterキーを押すだけです。JavaScriptを使って関数をヒットしています！

ボタンとテキストボックスのHTML：

    <td>
<input value="Search..." id="SearchText" style="color:GrayText" onchange="SearchText" onfocus="javascript:this.value=''" onblur="javascript: if(this.value==''){this.value='Search...';}" />
                        <input id="searchbutton" type="button"  value="Search" class="button"/>
                    </td>

これがJavascriptです：

<script type="text/javascript">
            $('#searchbutton').click(function(){
                var client = document.getElementById('SearchText').value;
                var textbox = document.getElementById('SearchText');
                var edittext = ", is not available!";
                var result = client + edittext;

                if (textbox.value == 'Search...') {
                    alert('Please enter a Client Name to search for ');
                    textbox.focus();
                }
                else {
                    alert(result);
                };


            });


        </script>

テキストボックスでEnterキーを押すと、テキストボックスで関数もトリガーされるようにするにはどうすればよいですか。

これがフォーム上でどのように見えるかです：

ここに画像の説明を入力してください

この種のコーディングは非常に新しいので、どんな助けでもかまいません！

ありがとう！

4

4 に答える 4

2 
$('#SearchText').on('keypress', function(e){

    var code = (e.keyCode ? e.keyCode : e.which);
             if(code == 13) {
             //write your code for search here..like searchbutton on click
             }
    });
于 2013-02-28T13:27:36.200 に答える
2 
$('#searchbutton').click(search);
$('#SearchText').keypress(function(e){
     var code = (e.keyCode ? e.keyCode : e.which);
      if(code == 13) {
        search()
      }
});


function search(){
    var client = document.getElementById('SearchText').value;
            var textbox = document.getElementById('SearchText');
            var edittext = ", is not available!";
            var result = client + edittext;

            if (textbox.value == 'Search...') {
                alert('Please enter a Client Name to search for ');
                textbox.focus();
            }
            else {
                alert(result);
            };
}
于 2013-02-28T13:25:55.360 に答える
1

あなたの質問に対する正確な答えはわかりませんが、tabindex を使用してタブを押してボタンにジャンプし、Enter キーを押して送信することができます。

于 2013-02-28T13:25:45.537 に答える
0

これを試して..

<input type="text" placeholder="Search" id="txtSearch"  />
<input type="button" value="Search" id="btnsearch" onclick="return Search();" />

<script type="text/javascript">
    $("#txtSearch").keyup(function (event) {

        if (event.keyCode == 13) {
            $("#btnsearch").click();
        }
    });

    function Search(){
             // do Something here.......
     }

</script>
于 2013-02-28T13:34:50.823 に答える