Javascript 将表单中的搜索词添加到搜索url

我正在尝试创建一个搜索输入到一个网站，将搜索词添加到url的末尾

这是有问题的url：

您可以通过将搜索词添加到url的末尾来手动搜索，例如/search/robert&如果字符串包含多个单词，则需要用%20例如/search/robert%20Earl分隔

这是我当前的搜索表单：

<form method="get" action="http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Events/Search/" id="searchform" role="search"> 
    <input type="text" value="Search Events" name="s" id="s" onFocus="if (this.value == 'Search Events') {this.value=''; this.style.color='#000000';}"/> 
    <input type="hidden"  name="sitesearch"  value=""/> 
</form>

如果我在输入中键入Kevin，表单将返回以下url：

我知道我需要一些Javascript在那里处理搜索和建立正确的url，但我不知道需要什么

有人有什么想法吗？如果在其他地方得到答复，请道歉。我四处看了很长时间，但找不到任何东西。

Add onsubmit=return searchFormthis to the form标签

然后，定义函数searchForm：

另见：

<script>
function searchForm(form){
    location.href = "http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/" + form.s.value;
    return false;
}
</script>