2012-02-10 25 views
3

已經到處找一個解決方案,但只能找到用戶名和密碼重定向到子DIR這就是被命名爲用戶名

我一個完整的新手誰擁有自我因子評分HTML和非常基本的jQuery代碼。

基本我需要一個只需要用戶名的文本輸入/表單。然後點擊按鈕後,它將直接轉到一個以用戶名作爲目錄名稱的子目錄。 示例。 Paul記錄他的用戶名並登陸www.domain.co.uk/paul。在子目錄會有一個標準home.htlm這樣的完整路徑是域/用戶名/ home.html的

,將改變將是用戶名

我會在上述網址的唯一部分根據需要在我的FTP中設置文件夾,然後爲用戶分配用戶名。

由於內容不是私密的,因此不需要密碼。事實上,我只需要輸入一個用戶名就可以讓用戶界面變得非常簡單。

我希望這使得sence &我真的希望它有可能我必須強調我有自己的HTML和一個非常基本的jQuery在過去幾個月所以如果你能忍受這一點在回答時記住!

在此先感謝和抱歉的長篇。

回答

3

這聽起來像你正在尋找的東西是這樣的:

$("form").submit(function(e) { 

    // this prevents the default form submission 
    e.preventDefault(); 

    // build the target URL 
    var action = 'www.domain.com/' + $("#userName").val() + '/home.html'; 

    // direct user to new url 
    window.location = action; 
}); 

UPDATE

如果你需要一個更好的例子,看看這個 - http://jsfiddle.net/xawKE/

在這個例子中,評論取出alert方法並取消註釋上面的行。

+0

很快!今天早上我會嘗試一下,太多了!按照它所做的一切,但在我的頭上寫了它。再次感謝您明天嘗試。 – Legg1979 2012-02-10 22:06:24

+0

試試jsfiddle示例,看看這是否是你需要的。當然,在用戶名字段中使用一些文本進行測試。 – shanabus 2012-02-11 18:31:25

0

shanabus。

剛剛嘗試過的代碼&除非我按下提交按鈕時,它會清除文本輸入框&顯示相同的頁面時,完全錯誤的東西。

<form name="form" method="post" action="" id="form"> <input name="userName" type="text" id="userName"> <input name="submit" type="submit" value="Submit" id="submit"> </form>

這是我用過&形式jQuery代碼是在/頭。

+0

提交按鈕看起來只是再次加載相同的頁面。當它懸停在它上面時,您可以看到它正在使用的URL及其當前頁面URL – Legg1979 2012-02-11 12:12:42

+0

,所以您應該知道 - 這不應該作爲答案輸入,而是作爲對原始問題的編輯或作爲對我的答案的評論。請參閱我的更新與鏈接的例子。 – shanabus 2012-02-11 18:30:56