Как решить submit jquery?

Question

[Platton]

Как сделать отправку на сервер формы:

<form method="get">
	<input type="text" name="name" value="Ваше имя">
	<input id="send" type="submit" name="send" value="Отправить">
</form>

при нажатии на кнопку Yes всплывающего диалогового окна:

<div id="popup">
	<div class="popup-title">Предупреждение</div>
	<span>Вы действительно хотите отправить?</span>
	<div class="popup-act">
		<button id="btn-yes">Yes</button>
		<button id="btn-no">No</button>
	</div>
</div>
<div id="hide-layout"></div>

Вод код JS:

$(document).ready(function()
{
	$('#popup, #hide-layout').hide(); // скрыли фон и всплывающее окно
	$('#hide-layout').css({opacity: 0.7}); // кроссбраузерная прозрачность
	alignCenter($('#popup')); // центрировали окно
	$(window).resize(function(){
		alignCenter($('#popup')); // центрирование при ресайзе окна
	});
	$('#send').click(function(event){
		event.preventDefault();
		$('#hide-layout, #popup').fadeIn(300); // плавно открываем
	});
	$('#hide-layout, #btn-no').click(function(){
		$('#hide-layout, #popup').fadeOut(300); // плавно скрываем
	});
	$('#btn-yes').click(function(){
		$('#hide-layout, #popup').fadeOut(300); // скрыли
	});
	// функция центрирования
	function alignCenter(elem){
		elem.css({
			left: ($(window).width() - elem.width()) / 2 + 'px', // получаем координату центра по ширине
			top: ($(window).height() - elem.height()) / 2 + 'px' // получаем координату центра по высоте
		});
	}
});

И стили CSS:

#hide-layout{
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	width: 100%; 
	height: 100%;
	top: 0; 
	left: 0;
	position: fixed;
	z-index: 998;
	display:none;
}
#popup{
	background: #fff;
	height: 180px;
	width: 300px;
	border: 1px #3CCB34 solid;
	border-radius:5px;
	position: absolute;
	z-index: 999;
	display:none;
}
#popup span {padding:7px 10px; display:block; width:100%; height: 77px; overflow:hidden; font-size:16px;}
.popup-title {background-color:#3CCB34; height:30px; color:#fff; padding:4px 5px 0; font:bold 17px tahoma;}
.popup-act {width:100%; text-align:center; margin-top:10px;}
.popup-act button {margin:3px; cursor: pointer; width:100px; height:27px; color:#2a4006; border: 1px #3CCB34 solid;}

Answer 1

[WebDev]

$('#btn-yes').on('click', function() {
    $('form').submit();
});

Comments

[Platton]

Подскажите еще пожалуйста ниже вопрос

Answer 2

[Billy Milligan]

добавьте id форме

<form id="myForm" method="get">
  <input type="text" name="name" value="Ваше имя">
  <input id="send" type="submit" name="send" value="Отправить">
</form>

и можно отправить по клику на вашу кнопку

$( "#btn-yes" ).click(function() {
  $( "#myForm" ).submit();
});

укажите атрибут action у form

Answer 3

[Platton]

Подскажите еще пожалуйста как реализовать такую же задачу только место кнопки должна быть ссылка:
Например:

<a id="send" href="index.php?module=GroupsAdmin">Переход</a>

При нажатии на копку YES диалогового окна должен осуществится переход по ссылке.