Как составить скрипт, генерирующий ссылку из поля input?

Question

[Антон]

Как составить скрипт, чтобы из input по нажатию кнопки открывалась ссылка которая находится в input?

<section class="content">
				<h2>Впишите свой сайт для перехода в систему управления</h2>
				<span class="input input--minoru has-success">
					<input class="input__field input__field--yoko " type="text" id="adress"/>
					<label class="input__label input__label--yoko" for="input-16">
						<span class="input__label-content input__label-content--yoko">Пример: yandex.ru</span>
					</label><a href="" class="btn btn-lg btn-success" onclick="gocms()" role="button"><span id="status">Войти</span></a>
				</span>
        </section>

Answer 1

[Александр Герасимов]

//нажатие на кнопку Войти
$('#btnGo').on('click', function() {
    //перейдем по адресу, что вбит у нас в input'е
    document.location.href = $('#inputHref').val();
});

Но на деле еще проверки бы всякие не мешало сделать.

Comments

[Антон]

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

[Александр Герасимов]

Антон Хлебников: $('#btnGo') - , та, что у вас на Скриншоте "Войти".
$('#inputHref') - - поле для ввода своего сайта. jQuery знаете? Использовали?

Answer 2

[Mikhail]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
var gocms = function() {
	// Вытащим сссылку из текстового поля
	var url = $('#adress').val();
  // Здесь бы проверить, что мы получили, например прикрутить регулярочку
 	 // Укажем ссылку
	$('a').attr('href', url);
};
</script>

Не самое лучшее решение, возможно, гуру покажут красивее код :)

Comments

[Антон]

Спасибо! Рабочий, но очень ламерский пример, так как java совсем не знаю :) Но работает!

<script>
function gomodx() {
    var lnk='http://'; //Присваеваем значение для создания ссылки
    var res ='/manager';//Присваеваем значение для адреса панельки
  var inp = $('#adress').val();
    var url = (lnk + inp +res);//Добавляем значения для получения окончательной ссылки
  $('a').attr('href', url );
};
</script>