創建表單字段，將用戶重定向到一個子目錄

Question

我想創建一個簡單的「形式」：

1. 第一行：「用戶名」

2. 用戶鍵入自己的用戶名

3. 並且有一個「GO」按鈕。

4. 當用戶點擊「GO」按鈕時，它會將他重定向到一個以「username」命名的「子目錄」（已創建）。

例如，如果我的域名是asking.com，我輸入「光榮」到「用戶名」欄，當我點擊「GO」 - 它會我重定向到：「asking.com/glorious 」。

我該怎麼做？

Answer 1

試試看。

<form> 
<label>User Name</label> 
<input type="text" name="username" id="username"> 
<input type="button" value="Go" id="goBut"> 
</form> 

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $('#goBut').click(function(e){ 
     var val = $('#username').val(); 
     window.location = document.URL+val; 
    }); 
</script>