Enter valid email address error

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter sailingfoodies

    (@sailingfoodies)

    this is the page where i’ve copy-pasted my code for the plugin

    https://sailingfoodies.us10.list-manage.com/subscribe?u=6849b59131b7257f191f3daca&id=14589bbf89

    mother.of.code

    (@imazed)

    The Mother of Code

    Hi sailingfoodies,

    You don’t need to copy the markup generated by MailChimp into the Edit form page; it’s better to generate the form using our form builder. That way you’re sure that all the used data is correct. It will also get rid of the MailChimp logo!

    Hope that helps. If not, make sure to let me know!

    Thread Starter sailingfoodies

    (@sailingfoodies)

    I’m sorry, but if i wanted that i would have done it. I don’t like that simple form builder.
    I just need to correct the error, please.
    Can you help me?

    Thanks

    Thread Starter sailingfoodies

    (@sailingfoodies)

    Ah, and it’s giving me an error on the button color. When i’m designing it it shows a dark grey button with white font (which is what i want), but on the page the button is missing and the font is black.

    mother.of.code

    (@imazed)

    The Mother of Code

    Hey sailingfoodies,

    I think we might be misunderstanding each other. You are using the MailChimp for WordPress plugin but do not want to use the form generator? That would be the root of your problem; the plugin needs certain code in place to work properly. Setting up the form through the generator would make sure that that code is present. It would also get rid of the issues you have with the styling.

    Thread Starter sailingfoodies

    (@sailingfoodies)

    Hi!

    I know, but i really prefer the lines and the design of the actual form.
    Isn’t that an option for wordpress? i saw this possibility in the tutorial videos and i’m doing exactly what it’s supposed…

    I’ll put here the code. Can you check the email error, please?

    <!DOCTYPE html>
    <!–[if lte IE 7]> <html class=”ie-lte7″ dir=”ltr”> <![endif]–>
    <!–[if lte IE 9]> <html class=”ie-lte9″ dir=”ltr”> <![endif]–>
    <!–[if !IE]><!–> <html dir=”ltr”> <!–<![endif]–>
    <head>
    <title>Sailing Foodies Newsletter</title>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>
    <meta name=”description” content=”Sailing Foodies Newsletter Email Forms”>
    <meta name=”keywords” content=”Sailing Foodies Newsletter”>
    <script src=”//twemoji.maxcdn.com/twemoji.min.js”></script>
    <script src=”//ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js”></script>
    <script type=”text/javascript”>
    require([
    “dojo/query”,
    “dojo/dom”,
    “dojo/dom-geometry”,
    “dojo/dom-class”,
    “dojo/dom-style”,
    “dojo/dom-construct”,
    “dijit/focus”,
    “dojo/parser”,
    “dijit/form/DateTextBox”,
    “dojo/NodeList-traverse”,
    “dojo/domReady!”
    ], function(query, dom, domGeom, domClass, domStyle, domConstruct, focusUtil, parser){

    // Move the focused-field class to the field-group that contains the focused input.
    var handle = focusUtil.watch(“curNode”, function(name, oldValue, newValue){
    var parent = query(newValue).closest(‘.field-group’);
    if(!domClass.contains(parent, “focused-field”)) {
    query(‘.focused-field’).removeClass(‘focused-field’);
    parent.addClass(‘focused-field’);
    }
    });

    // Add error class to parent wrapper and only show error borders on empty fields in addresses
    query(‘.feedback.error’).closest(‘.field-group’).addClass(‘error’);
    query(‘.addressfield input:text[value=””]’).addClass(’empty’);

    // Focus first input of birthdayfield or phonefield-us when parent wrapper is clicked
    query(‘div.subfields’).on(“click”, function(e){
    var firstInput = query(‘input’, e.target)[0];
    focusUtil.focus(firstInput);
    });

    // Prevent image blowout in IE6 since it doesn’t support max-width
    if (domClass.contains(query(‘html’)[0], “ie-lte7”)){

    query(‘img’).forEach(function(node){
    var computedStyle = domStyle.getComputedStyle(node);
    var w = domGeom.getContentBox(node, computedStyle).w;
    console.log(w);
    if(w >= 600){
    domStyle.set(node, “width”, “600px”);
    }
    });
    }

    // Use native checkboxes and radio buttons outside the app
    dojo.query(“.radio input, .checkbox input”).removeAttr(“data-dojo-type”);

    // Render DateTextBoxes
    parser.parse();

    query(‘form’).on(“submit”,function(e){
    var invalidDate = dojo.query(‘.dijitTextBoxError’);
    if(invalidDate.length){
    query(‘.dijitDateTextBox ~ .feedback.error’).forEach(domConstruct.destroy);
    invalidDate.forEach(function(node) {
    domConstruct.place(‘<div class=”feedback error”><div class=”errorText”>Please enter a valid date</div></div>’, node, ‘after’);
    });
    e.preventDefault();
    }
    });

    twemoji.parse(document.body, { size: 16 });
    });
    </script>

    <script src=’https://www.google.com/recaptcha/api.js&#8217; async defer></script>
    <script type=”text/javascript” src=”https://www.google.com/jsapi”></script&gt;
    <script type=”text/javascript”>
    // Still including jQuery to support https://downloads.mailchimp.com/js/jquery.mailcheck.min.js which is included in forms.
    google.load(“jquery”, “1.7.1”);
    </script>

    <script type=”text/javascript” src=”https://downloads.mailchimp.com/js/jquery.mailcheck.min.js”></script&gt;
    <script type=”text/javascript”>
    $(document).ready(function(){
    try {
    var domains = [‘abv.bg’,’aim.com’,’aol.com’,’aol.co.uk’,’arnet.com.ar’,’att.net’,’bellsouth.net’,’bigpond.com’,’bigpond.com.au’,’bigpond.net.au’,
    ‘bk.ru’,’bluewin.ch’,’blueyonder.co.uk’,’bol.com.br’,’bt.com’,’btinternet.com’,’cdl.com’,’centrum.cz’,’charter.net’,’comcast.net’,’cox.net’,
    ‘daum.net’,’earthlink.net’,’eircom.net’,’email.com’,’email.cz’,’embarqmail.com’,’emmis.com’,’facebook.com’,’fastmail.fm’,’fibertel.com.ar’,
    ‘foxmail.com’,’free.fr’,’freeserve.co.uk’,’games.com’,’gmail.com’,’gmx.at’,’gmx.ch’,’gmx.com’,’gmx.de’,’gmx.fr’,’gmx.net’,’google.com’,
    ‘googlemail.com’,’hanmail.net’,’hetnet.nl’,’home.nl’,’hotmail.be’,’hotmail.ca’,’hotmail.co.nz’,’hotmail.co.uk’,’hotmail.com’,’hotmail.com.ar’,
    ‘hotmail.com.au’,’hotmail.com.mx’,’hotmail.de’,’hotmail.es’,’hotmail.fr’,’hotmail.it’,’hotmail.nl’,’hp.com’,’hush.com’,’hushmail.com’,
    ‘ig.com.br’,’iinet.net.au’,’inbox.com’,’inbox.lv’,’juno.com’,’laposte.net’,’lavabit.com’,’libero.it’,’lireo.com’,’live.be’,’live.ca’,
    ‘live.co.uk’,’live.com’,’live.com.ar’,’live.com.au’,’live.com.mx’,’live.de’,’live.dk’,’live.fr’,’live.it’,’live.nl’,’live.se’,’love.com’,
    ‘mac.com’,’mail.com’,’mail.ru’,’mbm.com’,’me.com’,’mindspring.com’,’msn.com’,’mts.net’,’mun.ca’,’nate.com’,’naver.com’,’neuf.fr’,’nhs.net’,
    ‘nike.com’,’ntlworld.com’,’o2.co.uk’,’o2.pl’,’online.de’,’online.no’,’optonline.net’,’optusnet.com.au’,’orange.fr’,’orange.net’,’planet.nl’,
    ‘pobox.com’,’prodigy.net’,’prodigy.net.mx’,’ptd.net’,’q.com’,’qq.com’,’rambler.ru’,’rcn.com’,’rediffmail.com’,’roadrunner.com’,’rocketmail.com’,
    ‘rogers.com’,’safe-mail.net’,’sbcglobal.net’,’seznam.cz’,’sfr.fr’,’shaw.ca’,’sina.com’,’sky.com’,’skynet.be’,’speedy.com.ar’,’sympatico.ca’,
    ‘t-online.de’,’talktalk.co.uk’,’talktalk.net’,’tds.net’,’telenet.be’,’telus.net’,’terra.com.br’,’tesco.net’,’tiscali.co.uk’,’tvcablenet.be’,
    ‘twc.com’,’ukr.net’,’uol.com.br’,’usa.net’,’verizon.net’,’virgin.net’,’virginmedia.com’,’volvo.com’,’voo.be’,’walla.co.il’,’walla.com’,
    ‘wanadoo.co.uk’,’wanadoo.fr’,’web.de’,’windowslive.com’,’windstream.net’,’wow.com’,’wowway.com’,’wp.pl’,’xero.com’,’xmsnet.nl’,’y7mail.com’,
    ‘ya.ru’,’yahoo.ca’,’yahoo.co.id’,’yahoo.co.in’,’yahoo.co.jp’,’yahoo.co.kr’,’yahoo.co.nz’,’yahoo.co.uk’,’yahoo.com’,’yahoo.com.ar’,
    ‘yahoo.com.au’,’yahoo.com.br’,’yahoo.com.hk’,’yahoo.com.mx’,’yahoo.com.my’,’yahoo.com.ph’,’yahoo.com.sg’,’yahoo.com.tw’,’yahoo.de’,
    ‘yahoo.es’,’yahoo.fr’,’yahoo.gr’,’yahoo.ie’,’yahoo.in’,’yahoo.it’,’yandex.ru’,’ybp.com’,’ygm.com’,’ymail.com’,’zoho.com’,’zol.co.zw’];
    var tdomains = [];
    $(‘#MERGE0’).on(‘blur’, function() {
    var submitBtn = $(‘input.button:submit’)[0];
    if(submitBtn && submitBtn.value == “Subscribe to list”){ // Only show mailcheck warning on english forms.
    $(this).mailcheck({
    domains: domains,
    topLevelDomains: tdomains,
    suggested: function(element, suggestion) {
    var msg = ‘Hmm, are you sure? That\’s an uncommon domain.’;
    if ( $(‘#MERGE0_mailcheck’).length == 0 ){
    element.after(‘<div id=”MERGE0_mailcheck” class=”feedback”><div>‘+msg+’</div></div>’);
    element.closest(‘.field-group’).addClass(‘mailcheck’);
    }
    var enteredDomain = element[0].value.trim().split(‘@’)[1];
    _gaq.push([‘_trackEvent’, ‘mailcheck’, enteredDomain, suggestion.domain]);
    },
    empty: function(element) {
    if ( $(‘#MERGE0_mailcheck’).length > 0 ){
    $(‘#MERGE0_mailcheck’).remove();
    element.closest(‘.field-group’).removeClass(‘mailcheck’);
    }
    return;
    }
    });
    }
    });
    } catch(e){ console.log(e); }
    });
    </script>

    <style type=”text/css”>/* Forms */

    label {
    display:block;
    width:auto;
    margin-top:8px;
    font-weight:bold;
    }

    .mergeRow {
    padding:0 0 6px 0 !important;
    clear:both;
    }

    .field-group {
    position:relative;
    margin:3px 0 12px 0;
    overflow:hidden;
    background:transparent !important;
    }
    .mergeRow-radio .field-group, .mergeRow-interests-checkboxes .field-group {margin-bottom:6px;}

    input, textarea, select {
    display:block;
    margin:0;
    padding:10px;
    background:#fff;
    width:100%;
    border:2px solid #d0d0d0 !important;
    border-radius:3px;
    -webkit-appearance: none;
    }

    .field-group input, select, textarea, .dijitInputField {
    font-size: 14px;
    }

    .field-group.error > input,
    .field-group.error > select,
    .field-group.error .addressfield input.empty,
    .field-group.error .birthdayfield,
    .field-group.error .subfields,
    .field-group.error .datefield .dijitInputInner,
    .datefield .dijitTextBoxError .dijitInputInner,
    .field-group.error textarea {
    border-color:#e85c41 !important;
    }

    textarea {
    font:14px/18px ‘Helvetica’, Arial, sans-serif;
    width:100%;
    height:150px;
    overflow:auto;
    }

    select {
    background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px;
    background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
    background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, -webkit-linear-gradient(top, #fff, #f1f1f1);
    background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, -ms-linear-gradient(top, #fff, #f1f1f1);
    background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, linear-gradient(to bottom, #fff, #f1f1f1);
    }
    html[dir=”rtl”] select {background-position:14px -295px;}

    /* Firefox always displays native select arrow button, so hide the background image arrow. */
    @-moz-document url-prefix() {
    select {
    padding: 8px;
    background-position: -99px 0 !important;
    -moz-appearance: none;
    }
    }

    input:focus, textarea:focus, select:focus, .focused-field .subfields {
    border-color:#5d5d5d !important;
    outline:none;
    }

    /* Prevent Chrome’s autofill yellow box shadow */
    input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    }

    .field-help {
    display:block;
    font-weight:normal;
    position:static;
    float:none;
    clear:both;
    margin:0;
    padding:0;
    max-height:0;
    overflow:hidden;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    transition: all .25s;
    }
    .focused-field .field-help, input:focus + .field-help {
    display:block;
    padding:10px 0;
    max-height:100px;
    }

    .field-help .help {
    min-height:16px;
    text-decoration: none;
    }

    /* Error container */
    .feedback {
    padding:10px 0;
    line-height:16px;
    font-size:14px;
    }

    .feedback br {display:none;}

    .feedback div {
    font:14px/20px ‘Helvetica’, Arial, sans-serif !important;
    padding:0 !important;
    margin:0 !important;
    }

    .indicates-required {text-align:right;}
    .indicates-required span {
    font-size:150%;
    font-weight:bold;
    display:inline !important;
    }

    .formstatus {
    margin-bottom:12px;
    font-size:18px;
    }

    .alert {
    background:#e4f3d4;
    border:2px solid #5ca000;
    font-size:14px;
    color:#4e7e0e !important;
    margin:10px 0;
    padding:10px;
    }

    /* Groups, checkboxes, radio buttons */
    ul.interestgroup_field,
    ul.interestgroup_field li,
    ul.unsub-options,
    ul.unsub-options li,
    .interestgroup_row {
    display:block;
    padding:0;
    margin:0;
    list-style:none;
    }
    label.checkbox, label.radio {
    font-weight:normal;
    position:relative;
    line-height:24px;
    }
    .checkbox input, .radio input {
    width:auto !important;
    display:inline-block;
    margin-right:5px;
    padding:0;
    border:none;
    background-color:transparent;
    }

    /* Address blocks */
    .addressfield span {display:block; margin:3px 0 15px 0;}
    .addressfield label {display:none;}
    .cityfield {width:35%; float:left; padding-right:12px;}
    .statefield {width:30%; float:left; padding-right:12px;}
    .zipfield {width:35%; float:left;}
    .countryfield {clear:both;}

    /* Date picker */
    .dijitCalendarPopup {position:absolute;}
    .dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer {
    cursor:pointer;
    position:absolute;
    top:3px;
    right:2px;
    background:url(/images/icons/signup-sprite.png) no-repeat 10px -235px;
    height:34px;
    width:42px;
    opacity:.5;
    padding:0 5px;
    }
    .dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer input {visibility:hidden;}
    .dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer:hover {opacity:1;}
    .dijitValidationContainer {display:none;}

    /* Input placeholder color */
    .dijitPlaceHolder {position:absolute; top:10px; left:10px; color:#ababab !important; font-weight:normal;}
    ::-webkit-input-placeholder {color:#ababab;}
    :-moz-placeholder {color:#ababab; opacity:1;}
    ::-moz-placeholder {color:#ababab; opacity:1;}
    :-ms-input-placeholder {color:#ababab;}

    html[dir=”rtl”] .dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer {left:6px; right:auto;}
    html[dir=”rtl”] .dijitPlaceHolder {left:auto; right:10px;}

    /* Birthday & US phone field */
    .subfields {
    display:block;
    margin:0;
    padding:8px 10px;
    background:#fff;
    width:100%;
    border:2px solid #d0d0d0;
    border-radius:3px;
    color:#d0d0d0
    }
    .subfields input {
    display:inline-block;
    margin:0;
    padding:0;
    width:2.5em;
    border:none !important;
    text-align:center;
    }
    .subfields label {display:none;}
    .phonedetail2 input {width:3.4em;}
    .birthdayfield input {width:1.7em;}

    /* Forward to friend */
    .captcha {
    float:left;
    width:320px;
    margin-right:20px;
    min-height:150px;
    }
    .captcha input {display:inline;}

    /* Archive list */
    #archive-list {
    display:block;
    margin:15px 0;
    padding:0;
    border-top:1px solid #eee;
    }
    #archive-list li {
    display:block;
    list-style:none;
    margin:0;
    padding:6px 10px;
    border-bottom:1px solid #eee;
    }

    .borderbox, .field-help, input, textarea, select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    .hidden-from-view { left: -5000px; position: absolute; }

    /* Image replacement for checkbox and radio buttons. */
    /* Placing in @media block forces browsers that don’t support :checked to fall back to native inputs. */
    @media only screen {
    .mergeRow-radio .field-group, .mergeRow-interests-checkboxes .field-group {margin:0 -6px 11px -6px;}

    .checkbox, .radio {
    margin:9px 0 0 0;
    padding:0;
    }

    /* Position and hide the real checkboxes and radio buttons */
    .checkbox input, .radio input {
    position:absolute;
    width:24px;
    height:24px;
    overflow:hidden;
    margin:0;
    padding:0;
    outline:0;
    opacity:0;
    }

    .checkbox input + span, .radio input + span {
    display:block;
    border-radius:3px;
    padding:6px 6px 6px 38px;
    }

    .checkbox:hover span,
    .checkbox input:focus + span,
    .radio:hover span,
    .radio input:focus + span {
    background:rgba(0,0,0,.05);
    }

    /* Insert a pseudo element inside each label with a background sprite. */
    .checkbox input + span:before, .radio input + span:before {
    display:block;
    position:absolute;
    top:6px;
    left:6px;
    width:24px;
    height:24px;
    background:url(/images/icons/signup-sprite.png) no-repeat;
    content:” “;
    vertical-align:top;
    }

    /* Position the background sprite based on state of checkbox/radio. */
    .radio input:focus + span:before { background-position:0 -30px; }
    .radio input:checked + span:before { background-position:0 -60px; }
    .radio input:checked:focus + span:before { background-position:-0 -90px; }
    .checkbox input + span:before { background-position:0 -120px; }
    .checkbox input:focus + span:before { background-position:0 -150px; }
    .checkbox input:checked + span:before { background-position:0 -180px; }
    .checkbox input:checked:focus + span:before { background-position:0 -210px; }

    /* Right-to-left checkbox/radio modifications */
    html[dir=”rtl”] .checkbox input + span:before, html[dir=”rtl”] .radio input + span:before {left:auto; right:0;}
    html[dir=”rtl”] .checkbox input + span, html[dir=”rtl”] .radio input + span {padding:6px 38px 6px 6px;}
    }

    /* Use high-res sprite for retina displays */
    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
    .checkbox input + span:before, .radio input + span:before, .calendar-icon {
    background-image:url(/images/icons/signup-sprite-2x.png);
    background-size: 24px;
    }
    }

    /* IE6 and 7 overrides */
    .ie-lte7 .field-group input, .ie-lte7 .subfields {width:535px;}
    .ie-lte7 .cityfield input {width:170px;}
    .ie-lte7 .statefield input {width:121px;}
    .ie-lte7 .zipfield input {width:170px;}
    .ie-lte7 .subfields input {width:40px;}
    .ie-lte7 .hidden-from-view {display:none;}
    .ie-lte7 select {
    display:inline-block;
    width:560px;
    }

    /* IE doesn’t support input placeholders until v10, show labels on addresses */
    .ie-lte7 .addressfield label, .ie-lte9 .addressfield label {display:block; font-weight:normal; font-size:14px;}

    /* Dijit styles for date picker */
    .dijitPopup .dijitReset{margin:0;border:0;padding:0;font:inherit;line-height:normal;color:inherit;font-family:”Helvetica Neue”,Helvetica,Arial,Verdana,sans-serif}
    .dijitPopup .dj_a11y .dijitReset{-moz-appearance:none;}
    .dijitPopup .dijitInline{display:inline-block;border:0;padding:0;vertical-align:middle}
    .dijitPopup .dijitInline{display:inline-table;box-sizing:content-box;-moz-box-sizing:content-box}
    .dijitPopup .dijitHidden{display:none !important}
    .dijitPopup .dijitVisible{display:block !important;position:relative;}
    .dijitPopup .dijitInputContainer{overflow:hidden;float:none !important;position:relative}
    .dijitPopup .dj_ie .dijitSelect input,
    .dijitPopup .dj_ie input.dijitTextBox,
    .dijitPopup .dj_ie .dijitTextBox input{font-size:100%}
    .dijitPopup .dijitSelect .dijitButtonText{float:left;vertical-align:top}
    .dijitPopup .dijitSelect{padding:0 !important;}
    .dijitPopup .dijitTextBox .dijitSpinnerButtonContainer,
    .dijitPopup .dijitTextBox .dijitArrowButtonContainer,
    .dijitPopup .dijitValidationTextBox .dijitValidationContainer{float:right;text-align:center}
    .dijitPopup .dijitSelect input.dijitInputField,
    .dijitPopup .dijitTextBox input.dijitInputField{padding-left:0 !important;padding-right:0 !important}
    .dijitPopup .dijitValidationTextBox .dijitValidationContainer{display:none}
    .dijitPopup .dijitTeeny{font-size:1px;line-height:1px}
    .dijitPopup .dijitOffScreen{position:absolute !important;left:50% !important;top:-10000px !important}
    .dijitPopup .dijitPositionOnly{padding:0 !important;border:0 !important;background-color:transparent !important;background-image:none !important;height:auto !important;width:auto !important}
    .dijitPopup .dijitNonPositionOnly{float:none !important;position:static !important;margin:0 0 0 0 !important;vertical-align:middle !important}
    .dijitPopup .dijitBackgroundIframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border:0;padding:0;margin:0}
    .dijitPopup .dijitDisplayNone{display:none !important}
    .dijitPopup .dijitContainer{overflow:hidden;}

    .dijitPopup{position:absolute;background-color:transparent;margin:0;border:0;padding:0}
    .dijitPopup{-webkit-box-shadow:0 6px 6px 1px rgba(0, 0, 0, 0.1);box-shadow:0 6px 6px 1px rgba(0, 0, 0, 0.1);border-radius:6px}
    @media screen and (max-width:40em){
    .dijitPopup{width:96% !important;left:50% !important;margin:0 auto 0 -48%}
    }
    .dijitPopup .dijitMenuTable{width:100% !important}

    .dijitMenu{border:1px solid #000;background-color:#fff}
    .dijitMenuTable{border-collapse:collapse;border-width:0;background-color:#fff}
    .dj_webkit .dijitMenuTable td[colspan=”2″]{border-right:hidden}
    .dijitMenuItem{text-align:left;white-space:nowrap;padding:.1em .2em;cursor:pointer}
    .dijitMenuItem:focus{outline:none}
    .dijitMenuItemIcon,
    .dijitMenuExpand{background-repeat:no-repeat}
    .dijitMenuItemDisabled *{opacity:.5;cursor:default}
    .dj_ie .dj_a11y .dijitMenuItemDisabled,
    .dj_ie .dj_a11y .dijitMenuItemDisabled *,
    .dj_ie .dijitMenuItemDisabled *{color:#808080;filter:alpha(opacity=35)}
    .dijitMenuItemLabel{position:relative;vertical-align:middle}
    .dj_a11y .dijitMenuItemSelected{border:1px dotted #000 !important;}
    .dj_ff3 .dj_a11y .dijitMenuItem td{padding:0 !important;background:none !important}
    .dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel{border-width:1px;border-style:solid}
    .dj_ie8 .dj_a11y .dijitMenuItemLabel{position:static}
    .dijitMenuExpandA11y{display:none}
    .dj_a11y .dijitMenuExpandA11y{display:inline}
    .dijitMenuSeparator td{border:0;padding:0}
    .dijitMenuSeparatorTop{height:50%;margin:0;margin-top:3px;font-size:1px}
    .dijitMenuSeparatorBottom{height:50%;margin:0;margin-bottom:3px;font-size:1px}
    .dijitCheckedMenuItemIconChar{vertical-align:middle;visibility:hidden}
    .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar{visibility:visible}
    .dj_a11y .dijitCheckedMenuItemIconChar{display:inline !important}
    .dj_a11y .dijitCheckedMenuItemIcon{display:none}
    .dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem{margin:0}

    .dijitCalendarContainer{width:auto;}
    .dijitCalendarContainer th,
    .dijitCalendarContainer td{padding:0;vertical-align:middle}
    .dijitCalendarYearLabel{white-space:nowrap;}
    .dijitCalendarNextYear{margin:0 0 0 .55em}
    .dijitCalendarPreviousYear{margin:0 .55em 0 0}
    .dijitCalendarIncrementControl{vertical-align:middle}
    .dijitCalendarIncrementControl,
    .dijitCalendarDateTemplate,
    .dijitCalendarMonthLabel,
    .dijitCalendarPreviousYear,
    .dijitCalendarNextYear{cursor:pointer}
    .dijitCalendarDisabledDate{color:#808080;text-decoration:line-through;cursor:default}
    .dijitSpacer{position:relative;height:1px;overflow:hidden;visibility:hidden}
    .dijitCalendarMonthMenu .dijitCalendarMonthLabel{text-align:center}

    .dijitCalendar{border:solid 1px #cfcfcf;background-color:#fff;text-align:center;padding:18px;border-radius:6px;border-collapse:separate}
    .dijitCalendar img{border:none}
    .dijitCalendarMonthContainer th{text-align:center;vertical-align:middle}
    .dijitCalendarMonthLabel{color:#595959;font-size:.9375em;font-weight:bold;padding:6px 12px}
    .dijitA11ySideArrow{display:none}

    .dijitCalendarArrow{cursor:pointer;border:1px solid transparent;position:relative;}
    .dijitCalendarArrow img {display:none;}
    .dijitCalendarArrow:hover{background-color:#f2f2f2;border-color:#d0d0d0}
    .dijitCalendarArrow:after{content:” “; width:0; height:0; border:6px solid transparent; border-left:6px solid #333; display:block; position:absolute; top:25%; left:45%}
    .dijitCalendarArrow:first-child:before{content:” “; width:0; height:0; border:6px solid transparent; border-right:6px solid #333; display:block; position:absolute; top:25%; left:45%}
    .dijitCalendarArrow:first-child:after{border:none;}

    .dijitCalendarCurrentDate {background:#eee;}
    .dijitCalendarDayLabelTemplate{text-align:center;font-weight:bold;padding:8px 12px}
    .dijitCalendarDayLabel{font-weight:bold;font-size:.9375em;text-align:center;color:#595959}
    .dijitCalendarDateTemplate{border-bottom:0 none;font-size:.9375em;font-weight:500;letter-spacing:.05em;text-align:center;color:#595959}
    .dijitCalendarPreviousMonth,
    .dijitCalendarNextMonth{border-bottom:0 none}
    .dijitCalendarDateTemplate .dijitCalendarDateLabel{text-decoration:none;display:block;padding:6px 10px;border:1px solid transparent;-webkit-transition-property:background-color,border;-ms-transition-property:background-color,border;transition-property:background-color,border;-webkit-transition-duration:.35s;-ms-transition-duration:.35s;transition-duration:.35s}
    .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
    .dijitCalendarNextMonth .dijitCalendarDateLabel{color:#ababab;border-color:#fff;}
    .dijitCalendarYearContainer{vertical-align:middle}
    .dijitCalendarYearControl{padding:1px 2px 2px 2px}
    .dijitCalendarYearLabel{padding:8px 0 0;margin:0;font-size:.9375em}
    .dijitCalendarYearLabel span{vertical-align:middle}
    .dijitCalendarSelectedYear{padding:0 6px;font-size:.9375em;color:#52bad5}
    .dijitCalendarNextYear,
    .dijitCalendarPreviousYear{font-size:.9375em;border:1px solid transparent;padding:6px 12px}
    .dijitCalendarHoveredDate .dijitCalendarDateLabel,
    .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel{background-color:#b1e0ec;border:solid 1px #52bad5;color:#595959;-webkit-transition-duration:.2s;-ms-transition-duration:.2s;transition-duration:.2s}
    .dijitCalendarNextYearHover,
    .dijitCalendarNextYear:hover,
    .dijitCalendarPreviousYearHover,
    .dijitCalendarPreviousYear:hover{color:#595959;background-color:#f2f2f2;border-color:#d0d0d0}
    .dijitCalendarNextYearActive,
    .dijitCalendarNextYear:active .dijitCalendarPreviousYearActive,
    .dijitCalendarPreviousYear:active{background-color:#c7c7c7}
    .dijitCalendarActiveDate .dijitCalendarDateLabel,
    .dijitCalendarEnabledDate:active .dijitCalendarDateLabel{border:solid 1px #fff;-webkit-transition-duration:.1s;-ms-transition-duration:.1s;transition-duration:.1s}
    .dijitCalendarSelectedDate .dijitCalendarDateLabel{color:#595959;background-color:#b1e0ec;border:solid 1px #52bad5}
    .dijitCalendarDisabledDate .dijitCalendarDateLabel{color:#808080;text-decoration:line-through}
    .dijitCalendar .dijitDropDownButton{margin:0;background-color:transparent}
    .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode,
    .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode{background-color:transparent;border:0 none}
    .dijitCalendarMonthMenu{border-color:#ababab;background-color:#fff;text-align:center;background-image:none}
    .dijitCalendarMonthMenu .dijitCalendarMonthLabel{border-top:solid 1px transparent;border-bottom:solid 1px transparent}
    .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
    .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover{background-color:#b1e0ec;border-color:#52bad5;border-width:1px 0}

    .dijitTooltip{display:none !important;}

    </style><style type=”text/css”>
    body{
    font:14px/20px ‘Helvetica’, Arial, sans-serif;
    margin:0;
    padding:75px 0 0 0;
    text-align:center;
    -webkit-text-size-adjust:none;
    }
    p{
    padding:0 0 10px 0;
    }
    h1 img{
    max-width:100%;
    height:auto !important;
    vertical-align:bottom;
    }
    h2{
    font-size:22px;
    line-height:28px;
    margin:0 0 12px 0;
    }
    h3{
    margin:0 0 12px 0;
    }
    .headerBar{
    background:none;
    padding:0;
    border:none;
    }
    .wrapper{
    width:600px;
    margin:0 auto 10px auto;
    text-align:left;
    }
    input.button{
    border:none !important;
    }
    .button{
    display:inline-block;
    font-weight:500;
    font-size:16px;
    line-height:42px;
    font-family:’Helvetica’, Arial, sans-serif;
    width:auto;
    white-space:nowrap;
    height:42px;
    margin:12px 5px 12px 0;
    padding:0 22px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    border:0;
    border-radius:3px;
    vertical-align:top;
    }
    .button span{
    display:inline;
    font-family:’Helvetica’, Arial, sans-serif;
    text-decoration:none;
    font-weight:500;
    font-style:normal;
    font-size:16px;
    line-height:42px;
    cursor:pointer;
    border:none;
    }
    .rounded6{
    border-radius:6px;
    }
    .poweredWrapper{
    padding:20px 0;
    width:560px;
    margin:0 auto;
    }
    .poweredBy{
    display:block;
    text-align:left;
    }
    span.or{
    display:inline-block;
    height:32px;
    line-height:32px;
    padding:0 5px;
    margin:5px 5px 0 0;
    }
    .clear{
    clear:both;
    }
    .profile-list{
    display:block;
    margin:15px 20px;
    padding:0;
    list-style:none;
    border-top:1px solid #eee;
    }
    .profile-list li{
    display:block;
    margin:0;
    padding:5px 0;
    border-bottom:1px solid #eee;
    }
    html[dir=rtl] .wrapper,html[dir=rtl] .container,html[dir=rtl] label{
    text-align:right !important;
    }
    html[dir=rtl] ul.interestgroup_field label{
    padding:0;
    }
    html[dir=rtl] ul.interestgroup_field input{
    margin-left:5px;
    }
    html[dir=rtl] .hidden-from-view{
    right:-5000px;
    left:auto;
    }
    body,#bodyTable{
    background-color:#ffffff;
    }
    h1{
    font-size:22px;
    margin-bottom:0;
    margin-top:0;
    padding:0;
    }
    #templateContainer{
    background-color:#ffffff;
    }
    #templateBody{
    background-color:#ffffff;
    }
    .bodyContent{
    line-height:150%;
    font-family:Helvetica;
    font-size:14px;
    color:#333333;
    padding:20px;
    }
    a:link,a:active,a:visited,a{
    color:#336699;
    }
    .button:link,.button:active,.button:visited,.button,.button span{
    background-color:#5d5d5d !important;
    color:#ffffff !important;
    }
    .button:hover{
    background-color:#444444 !important;
    color:#ffffff !important;
    }
    label{
    line-height:150%;
    font-family:Helvetica;
    font-size:14px;
    color:#5d5d5d;
    }
    .field-group input,select,textarea,.dijitInputField{
    font-family:Helvetica;
    color:#5d5d5d !important;
    }
    .asterisk{
    color:#cc6600;
    font-size:20px;
    }
    label .asterisk{
    visibility:hidden;
    }
    .indicates-required{
    display:none;
    }
    .field-help{
    color:#777;
    }
    .error,.errorText{
    color:#e85c41;
    font-weight:bold;
    }
    @media (max-width: 620px){
    body{
    width:100%;
    -webkit-font-smoothing:antialiased;
    padding:10px 0 0 0 !important;
    min-width:300px !important;
    }

    } @media (max-width: 620px){
    .wrapper,.poweredWrapper{
    width:auto !important;
    max-width:600px !important;
    padding:0 10px;
    }

    } @media (max-width: 620px){
    #templateContainer,#templateBody,#templateContainer table{
    width:100% !important;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

    } @media (max-width: 620px){
    .addressfield span{
    width:auto;
    float:none;
    padding-right:0;
    }

    } @media (max-width: 620px){
    .captcha{
    width:auto;
    float:none;
    }

    }</style></head>
    <body>

    <div class=”wrapper rounded6″ id=”templateContainer”>
    <h1 class=”masthead”></h1>

    <div id=”templateBody” class=”bodyContent rounded6″>

    <div id=”subscribeFormWelcome”>
    </div>
    <div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>

    <input type=”hidden” name=”u” value=”6849b59131b7257f191f3daca”>
    <input type=”hidden” name=”id” value=”14589bbf89″>

    <div id=”mergeTable” class=”mergeTable”>

    <div class=”mergeRow dojoDndItem mergeRow-email” id=”mergeRow-0″>
    <label for=”MERGE0″>Get the latest expert tips! <span class=”req asterisk”>*</span></label>
    <div class=”field-group”>
    <input type=”email” autocapitalize=”off” autocorrect=”off” name=”MERGE0″ id=”MERGE0″ size=”25″ value=””>

    <div class=”field-help”>Email Address</div>

    </div>

    </div>

    <div class=”mergeRow dojoDndItem mergeRow-text” id=”mergeRow-1″>
    <label for=”MERGE1″>First Name</label>
    <div class=”field-group”>
    <input type=”text” name=”MERGE1″ id=”MERGE1″ size=”25″ value=””>

    </div>

    </div>

    </div>

    <!– real people should not fill this in and expect good things –>
    <div class=”hidden-from-view”><input type=”text” name=”b_6849b59131b7257f191f3daca_14589bbf89″ tabindex=”-1″ value=””></div>

    <div class=”submit_container clear”>
    <input type=”submit” class=”button” name=”submit” value=”Subscribe to list”>
    </div>

    </div>
    </div>

    <div class=”poweredWrapper”>
    <span class=”poweredBy”><img src=”https://cdn-images.mailchimp.com/monkey_rewards/MC_MonkeyReward_15.png&#8221; border=”0″ alt=”Email Marketing Powered by MailChimp” title=”MailChimp Email Marketing” width=”139″ height=”54″></span>
    </div>

    </body>
    </html>
    <script type=”text/javascript”>
    var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.&#8221; : “https://www.&#8221;);
    document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
    </script>
    <script type=”text/javascript”>
    try {
    var _gaq = _gaq || [];
    _gaq.push([“_setAccount”, “UA-329148-88”]);
    _gaq.push([“_setDomainName”, “.list-manage.com”]);
    _gaq.push([“_trackPageview”]);
    _gaq.push([“_setAllowLinker”, true]);
    } catch(err) {console.log(err);}</script>

    Thank you!

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey sailingfoodies,

    Please note, copy pasting the default form provided by MailChimp.com will not work with our plugin. For our plugin to function you would need to use our built-in form generator as it has a structure which is processed according to the field names.

    If you plan to use custom form created with https://www.MailChimp.com, you could directly add it to your theme without needing our plugin.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Enter valid email address error’ is closed to new replies.