HTML + Java腳本

Question

我有一個搜索欄引擎的驗證碼。

<form id="frmSearch" class="search1" method="get" action="default.html" /> <input class="search" id="txtSearch" type="text" name="search_bar" size="31" maxlength="255"  value="" 
<style="left: 396px; top: 20000px; width: 293px; height: 60px;" /> 

<input class="search2" type="submit" name="submition" value="Search" style=" padding- bottom:20px; left: 300px; top: 0px; height: 50px" /> 
<input class="search2" type="hidden" name="sitesearch" value="default.html" /> 

<script type="text/javascript"> 
    document.getElementById('frmSearch').onsubmit = function() { 
     window.location = 'http://www.google.ro/search?q=' + document.getElementById('txtSearch').value; 
     return false; 
    }   
</script> 

1. 我要讓搜索按鈕，當用戶點擊它。它應該搜索本地文本文件。

2. 之後，它開始爲關鍵詞進行刷新穩定對於其開始搜索相同關鍵字的檢索。

3. 給我上的所有TXT我圖形界面的小框架中找到的關鍵字....

感謝的對你有所幫助

Answer 1

首先，我建議你閱讀the Quick Tour在StackOverflow，瞭解如何使用本網站。

另外，我覺得你糾正你的HTML：

<form id="frmSearch" class="search1" method="get" action="default.html"> 
    <input class="search" id="txtSearch" type="text" name="search_bar" size="31" maxlength="255" /> 
    <input class="search2" type="hidden" name="sitesearch" value="default.html/> 
    <input class="search2" type="submit" name="submition" placeholder="Search" style="padding-bottom:20px; left: 300px; top: 0px; height: 50px" /> 
</form> 

<form>標籤不是autoclosing標籤：你可以爲這個標籤讀取this official documentation。

對於所有的HTML規範，你可以閱讀this。

和你的JavaScript：

<script type="text/javascript"> 
    document.getElementById('frmSearch').onsubmit = function() { 
     window.location = 'http://www.google.ro/search?q=' + document.getElementById('txtSearch').value; 
    } 
</script> 

現在，你的HTML SYNTAX是正確的，但不能與你想要的...

我們希望在你的Javascript看到根據，你可以驗證元素'txtSearch'的值是否爲空...

如果要創建搜索欄並加載與搜索框（您的輸入類型文本）有關的部分頁面，我建議你學習01是什麼。

你並不需要使用<form>標籤，如果你不想重新加載所有的頁面顯示的結果（圖像或其他...）在你的網頁...

而且，我注意到您添加的「JQuery的」標籤上的這次談話......可是，你的樣品在你不使用JQuery ...你只使用JavaScript！

如果你想使用JQuery，這可以幫助你創建你的Ajax請求（你可以閱讀this）。