We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 54244
    • 2 Posts
    Hello, bellow is the code for my form:
    <form class="form-horizontal" action="[[~[[*id]]]]" method="post">
    <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
    <div class="form-buttons"><br />
    <p>[[!FormIt? &hooks=`recaptchav2,spam,email,redirect` &emailTpl=`MyEmailChunk` &emailTo=`[email protected]` &redirectTo=`10` &validate=`nospam:blank, name:required, email:email:required, subject:required, services:required, text:required:stripTags` ]]</p>
    <span>[[!+fi.validation_error_message:notempty=`</span>
    <p>[[!+fi.validation_error_message]]</p>
    <span>`]] </span>
    <div class="form-group"><label class="control-label col-sm-2" for="name">Name: <span class="error">[[!+fi.error.name]]</span></label>
    <div class="col-sm-10"><input id="name" type="text" name="name" value="[[!+fi.name]]" /></div>
    </div>
    <div class="form-group"><label class="control-label col-sm-2" for="email">Email: <span class="error">[[!+fi.error.email]]</span></label>
    <div class="col-sm-10"><input id="email" type="text" name="email" value="[[!+fi.email]]" /></div>
    </div>
    <div class="form-group"><label class="control-label col-sm-2" for="subject">Subject: <span class="error">[[!+fi.error.subject]]</span></label>
    <div class="col-sm-10"><input id="subject" type="text" name="subject" value="[[!+fi.subject]]" /></div>
    </div>
    <div class="form-group"><label class="control-label col-sm-2" for="services">Type of Service Inquiry:[[+fi.error.numbers]]</label>
    <div class="col-sm-10"><select class="co-sm-10" name="services">
    <option value="">Select an option...</option>
    <option value="Hosting">Hosting</option>
    <option value="Website Creation">Website Creation</option>
    <option value="Website Marketing">Website Marketing</option>
    <option value="Support & Training">Support & Training</option>
    </select></div>
    </div>
    <div class="form-group"><label class="control-label col-sm-2" for="text">Message: <span class="error">[[!+fi.error.text]]</span></label>
    <div class="col-sm-10"><textarea id="text" name="text" rows="7" cols="55"></textarea></div>
    </div>
    <div class="form-item"><span>[[!recaptchav2_render]] [[!+fi.error.recaptchav2_error]] </span></div>
    <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10"> </div>
    </div>
    <input type="submit" value="Send Contact Inquiry" /></div>
    </div>
    </div>
    </form>

    Now I'm hoping to make it really snazzy, with email check and no blanks left on the form, etc.
    It's even live so you can poke at it live: https://modx.amprwebsolutions.com/index.php?id=9
    No FURL yet, but that's next steps, I am also reading through Bob Ray's excellent book on Modx so I should be able to figure that out going forward. I would really just love some help with recaptchav2 on ModX using FORMIT. I have both extensions installed and as you can see the form almost works, but it just never 'sees' the re-captcha as checked.

    What am I missing! Thanks!

    PS I have MyEmailChunk defined, and I have a non-menu listed page 10 for "Thanks for contacting us" page, that you can only get to by submitting successfully on form. Haven't been able to have success.

    PPS Feels like yanking recaptchav2 would be cheating since I really want to have some 'human' verification involved on the form.