New Community Forums are coming. Watch this space for news.
Subscribe: RSS
  • Hi,

    I have inherited a site on modx, ive managed to update it fully to the latest evolution version without issue but we have been recently inundated with spam.

    I have tried to follow the instructions here: http://www.evolution-docs.com/tutorials/extras-how-to/formlister-tutorials/basic-contact-form-with-recaptcha

    Without the captcha the form submits perfectly fine. When i enable the captcha i get the error A reCAPTCHA validation error occured from the call.

    Can someone please assist in solving this issue?

    my code is

      [!FormLister?
    &formid=`contactform`
    &rules=`
    {
        "name":
        {
            "required": "Be sure to enter a name"
        },
        "email":
        {
            "required": "Be sure to enter email",
            "email": "Enter email correctly"
        },
    	"message": {
    		"required": "Please enter a message"
       
    }`
    &to=`email@email`
    &fromName=`My Company`
    &replyTo=`email@email`
    
    &captcha=`reCaptcha`
    &captchaParams=`{
        "siteKey":"xxxxxxx",
        "secretKey":"xxxxx",
        "errorCodeFailed":"A reCAPTCHA validation error occured",
        "theme":"light"
    }`
    &captchaField=`g-recaptcha-response`
    
    &subject=`Contact form submission from [*pagetitle*]`
    &reportTpl=`ContactCodeTpl`
    &formTpl=`@CODE:
     <div class="half">
                            <h2>Contact Us</h2>
                            <form class="form-horizontal" method="post">
                                <input type="hidden" name="formid" value="contactform">
                                <ul>
                                    <li class="[+name.errorClass+] [+name.requiredClass+]">
                                        <span class="lbl">Name:</span>
                                        <input type="text" id="name" placeholder="Name" name="name" value="[+name.value+]" autocomplete="none">
    									 <div class="clear"></div>
                                    </li>
    							
    								
                                    <li class="[+company.errorClass+] [+company.requiredClass+]">
                                        <span class="lbl">Company:</span>
                                        <input type="text" id="company" name="company" value="[+company.value+]" autocomplete="none">
    									 <div class="clear"></div>
                                    </li>
                                    <li class="[+email.errorClass+] [+email.requiredClass+]">
                                        <span class="lbl">Email:</span>
                                        <input type="text" id="email" placeholder="Email" name="email" value="[+email.value+]" autocomplete="none">
    									 <div class="clear"></div>
                                    </li>
                                </ul>
                        </div>
                        <div class="half">
                            <ul class="pad-down">
                                <li class="[+message.errorClass+] [+message.requiredClass+]">
                                    <span class="lbl full">Message:</span>
                                    <textarea id="message" placeholder="Your message" name="message"> </textarea>
                                        [+form.messages+]
    								
    								
                                </li>
    							
    							<!-- reCAPTCHA -->
    [+captcha+]
    							
                                <li>
                                   <button type="submit">Send</button>
                                </li>
                            </ul>
                        </div>
                </form>
              `
    &messagesTpl=`@CODE:<div class="form-group"><div class="col-sm-offset-2 col-sm-10">[+required+][+errors+][+messages+]</div></div>`
    &messagesRequiredOuterTpl=`@CODE:<div class="panel panel-warning"><div class="panel-heading"><i class="glyphicon glyphicon-alert"></i>You did not fill in the required fields</div><div class="panel-body">[+messages+]</div></div>`
    &messagesErrorOuterTpl=`@CODE:<div class="panel panel-danger"><div class="panel-heading"><i class="glyphicon glyphicon-alert"></i>Some fields are invalid </div><div class="panel-body">[+messages+]</div></div>`
    &messagesOuterTpl=`@CODE:<div class="panel panel-default"><div class="panel-heading"></div><div class="panel-body">[+messages+]</div></div>`
    &errorClass=` has-error`
    &requiredClass=` has-warning`
    &errorTpl=`@CODE:<span class="help-block">[+message+]</span>`
    !]