Перенаправить на sub dir с именем пользователя

Question

Искал решение для этого, но могу найти только коды для имени пользователя и пароля

Я новичок в освоении HTML и очень простой jquery.

Basic Мне нужно иметь текстовый ввод / форму, которая требует только имя пользователя. Затем, после нажатия кнопки, он перейдет в подкаталог с именем пользователя в качестве имени каталога. Пример. Павел регистрирует свое имя пользователя и попадает на www.domain.ru/paul. В подкаталоге будет стандартный home.htlm, поэтому полный путь будет таким: domain / username / home.html

Единственной частью вышеуказанного URL, которая изменится, будет имя пользователя

Я буду настраивать папки внутри FTP по мере необходимости, а затем назначать имя пользователя.

Нет необходимости в пароле, поскольку контент не является приватным. На самом деле мне нужно только ввести имя пользователя, чтобы сделать интерфейс очень простым.

Я надеюсь, что это имеет смысл, и я действительно надеюсь, что это возможно. Я должен подчеркнуть, что в последние месяцы я самостоятельно пробовал HTML и немного очень простой jquery, так что, если вы могли бы иметь это в виду, отвечая!

Заранее спасибо и извините за длинный пост.

Answer 1

Похоже, вы ищете что-то вроде этого:

$("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;
});

ОБНОВЛЕНИЕ

Если вам нужен лучший пример, проверьте это - http://jsfiddle.net/xawKE/

В этом примере закомментируйте метод alert и раскомментируйте строку над ним.

Answer 2

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 находится в /head.