Привет всем! Я интегрировал форму подписки Mailchimp во вставке на странице гостевого портала, которая должна отправляться после нажатия кнопки "Connect". Форма имеет свою кнопку "Подписаться", и я хотел бы объединить ее с кнопкой "Connect" так, чтобы она предоставляла доступ в интернет и отправляла форму после нажатия. Возможно ли это?
[Изображение]
Вот код:
```html
<div class="login-content content-box">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//copygeneral.us3.list-manage.com/subscribe/post?u=5728028bf3b5ef496d1273e7f&id=181fd6fce1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<h2>Подпишитесь на нашу рассылку</h2>
<div class="indicates-required"><span class="asterisk">*</span> указывает обязательные поля</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email <span class="asterisk">*</span></label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">Имя</label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_5728028bf3b5ef496d1273e7f_181fd6fce1" tabindex="-1" value="">
</div>
<div class="clear"><input type="submit" value="Подписаться" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--/>
<form name="input" id="submit-form" method="post" action="login">
<div class="tou-box">
<h2>Условия использования</h2>
<div class="tou-wrapper" id="tou">
<div class="tou">
</div>
<fieldset class="accept-tou">
<input id="accept-tou" type="checkbox" checked="checked" name="accept-tou" value="yes" />
<label class="normal">Я принимаю </label>
</fieldset>
<div class="form-controls">
<!-- submit (only for no authentication) -->
<unifi if="auth_none">
<input name="connect" type="submit" value="Connect" id="connect" class="button requires-tou" />
</unifi>
</div>
</div>
</form>
</div>
```
<script>
$(function() {
var form = $( '#submit-form' );
form.submit(function() {
form.find( 'input[name=connect]' ).disable();
form.find( 'input[name=byfree]' ).disable();
form.find( 'input[name=byvoucher]' ).disable();
form.find( 'input[name=bycredit]' ).disable();
});
$( '#tou' ).hide();
$( '#show-tou' ).click(function() {
$( '#tou' ).show();
});
$('a.requires-tou').click(function ($evt) {
if ($(this).data('disabled')) {
$evt.preventDefault();
return false;
}
});
$('#accept-tou').click(function() {
if (!$('#accept-tou').checked()) {
$('input.requires-tou').disable();
$('a.requires-tou').data('disabled', true);
$('a.requires-tou').disable();
}
else {
$('input.requires-tou').enable();
$('a.requires-tou').removeData('disabled');
$('a.requires-tou').enable();
}
});
});
</script>
[Изображение]
Вот код:
```html
<div class="login-content content-box">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//copygeneral.us3.list-manage.com/subscribe/post?u=5728028bf3b5ef496d1273e7f&id=181fd6fce1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<h2>Подпишитесь на нашу рассылку</h2>
<div class="indicates-required"><span class="asterisk">*</span> указывает обязательные поля</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email <span class="asterisk">*</span></label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">Имя</label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_5728028bf3b5ef496d1273e7f_181fd6fce1" tabindex="-1" value="">
</div>
<div class="clear"><input type="submit" value="Подписаться" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup--/>
<form name="input" id="submit-form" method="post" action="login">
<div class="tou-box">
<h2>Условия использования</h2>
<div class="tou-wrapper" id="tou">
<div class="tou">
Условия использования
Используя беспроводную сеть, вы подтверждаете, что вам исполнилось совершеннолетие, вы прочитали и поняли и согласны быть связанным этим соглашением
- Беспроводная сеть предоставляется владельцами недвижимости и находится полностью под их контролем. Доступ к сети может быть заблокирован, приостановлен или прекращен в любое время по любой причине.
- Вы соглашаетесь не использовать беспроводную сеть для любых незаконных целей и берете на себя полную ответственность за свои действия.
- Беспроводная сеть предоставляется «как есть» без каких-либо гарантий, выраженных или подразумеваемых.
</div>
<fieldset class="accept-tou">
<input id="accept-tou" type="checkbox" checked="checked" name="accept-tou" value="yes" />
<label class="normal">Я принимаю </label>
</fieldset>
<div class="form-controls">
<!-- submit (only for no authentication) -->
<unifi if="auth_none">
<input name="connect" type="submit" value="Connect" id="connect" class="button requires-tou" />
</unifi>
</div>
</div>
</form>
</div>
```
<script>
$(function() {
var form = $( '#submit-form' );
form.submit(function() {
form.find( 'input[name=connect]' ).disable();
form.find( 'input[name=byfree]' ).disable();
form.find( 'input[name=byvoucher]' ).disable();
form.find( 'input[name=bycredit]' ).disable();
});
$( '#tou' ).hide();
$( '#show-tou' ).click(function() {
$( '#tou' ).show();
});
$('a.requires-tou').click(function ($evt) {
if ($(this).data('disabled')) {
$evt.preventDefault();
return false;
}
});
$('#accept-tou').click(function() {
if (!$('#accept-tou').checked()) {
$('input.requires-tou').disable();
$('a.requires-tou').data('disabled', true);
$('a.requires-tou').disable();
}
else {
$('input.requires-tou').enable();
$('a.requires-tou').removeData('disabled');
$('a.requires-tou').enable();
}
});
});
</script>
