フォームに入力した数字を組み合わせてURLを開きたい

###前提・実現したいこと
フォームへ入力した数字をあらかじめ用意したURLに繋げて、そのURLを開くようにしたいです。

フォームに123456と入力して送信ボタンを押すと
http://◯◯◯◯◯/123456
というページが開く様にしたいと思っています。

ウェブ上でサンプルが幾つかあったので、参考にしてやってみていますが送信をクリックしても連結した（はず）のURLに飛んでくれません。

###発生している問題・エラーメッセージ

送信をクリックしてもページがリロードされるだけです。

###該当のソースコード

<script type="text/javascript"> 
    function goURL(){
            var url = "http://◯◯◯◯◯/";
            if(document.getElementById('param1').value){
            url += document.getElementById('param1').value;
            }
           location.href =url
        }
    </script>   

＜中略＞
<form class="form-inline" id="fh5co-header-subscribe">
	<div class="col-md-8 col-md-offset-2">
	  <div class="form-group">
		<input type="text" class="form-control" id="param1" placeholder="番号を入力">
		<input type="submit" value="送信" class="btn btn-default" onclick="goURL();">
	  </div>
   </div>
</form>

###試したこと
参考にしたページにはスクリプト部の5行目が
url += "?"+ document.getElementById('text1').value;
となっていました。"?"の部分が良くわからないので、外してやってみてダメでした。そのままでもダメでしたが。。。

###補足情報(言語/FW/ツール等のバージョンなど)
bootstrapを使ったテンプレートのhtmlファイルをベースに作成しています。
そのためclassが多く入ったコードになっています。

行動規範の内容に同意します

回答2件

JavaScript
1document.querySelector('form').addEventListener('submit', function (event) {
2  location.href = 'http://example.com/' + event.target.elements['param1'].value;
3  event.preventDefault();
4, false);