MailChimp嵌入表单-重定向和验证

时间:2018-12-21 13:23:14

标签: javascript wordpress mailchimp

我正在尝试为我的一位客户实施MailChimp订阅表格。他需要该表单像其他任何MailChimp表单一样使用其自己的验证脚本在运行时进行验证(当表单字段无效时显示红色边框和“ Required”文本)。成功输入数据后,他还需要该表单以重定向到自定义URL(“谢谢”页面)。 MailChimp具有用于自定义“谢谢”页面的内置选项,但是为了使其正常工作,我被迫删除MailChimp的内置脚本,该脚本也删除了验证。我尝试使用一些小脚本来实现验证,但是它们无法正常工作。还是有其他方法可以在不删除MailChimp脚本的情况下实现重定向?

感谢您的帮助。

我正在尝试实现的验证: Mailchimp Form Validation

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
</style>
<style type="text/css">
	#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
	#mergeRow-gdpr {margin-top: 20px;}
	#mergeRow-gdpr fieldset label {font-weight: normal;}
	#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
</style>
<div id="mc_embed_signup">
<form action="xxx" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
<div class="mc-field-group">
	<input type="text" value="" name="FNAME" class="required" placeholder="First Name*" id="mce-FNAME">
</div>
<div class="mc-field-group">
	<input type="text" value="" name="LNAME" class="required" placeholder="Last Name*" id="mce-LNAME">
</div>
<div class="mc-field-group">
	<input type="email" value="" name="EMAIL" class="required email" placeholder="Email Address*" id="mce-EMAIL">
</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;" aria-hidden="true"><input type="text" name="b_5a0fc" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Book Now" name="Book Now" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<!--End mc_embed_signup-->

0 个答案:

没有答案