輸入按鈕上的文本框點擊功能

我有一個mvc3應用程序。並在一頁上我有一個文本框，將允許用戶搜索客戶端，現在我正在努力與一些功能，因爲我是一個Windows窗體和寡婦手機8開發人員。我想要這個文本框我在這裏執行，因爲我按下輸入，我有一個按鈕，用戶可以點擊搜索，但我知道大多數用戶只需點擊輸入！我正在使用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 image description here

對這種編碼很新的，任何幫助都行！

謝謝！

來源

2013-02-28 Arrie

$('#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-28 13:25:55 karaxuna

非常感謝！......這工作真棒，不敢相信它是那麼容易！謝謝卡拉克斯納 – Arrie 2013-03-01 07:44:57

@阿里你歡迎:) – karaxuna 2013-03-01 07:58:34

我不知道你的問題的確切答案，但你可以使用tabindex 按標籤跳到你的按鈕，然後你可以按回車提交。

來源

2013-02-28 13:25:45

$('#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-28 13:27:36 sasi

也許'e.preventDefault（）'也可能需要。 – Joshua 2013-02-28 13:38:33

試試這個..

<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-28 13:34:50

輸入按鈕上的文本框點擊功能

回答

相關問題