Quip with recaptcha V2

932 Posts

Inspecting the quipreply snippet i can see it has pre and post hooks.

$preHooks = $modx->getOption('preHooks',$scriptProperties,'');
$postHooks = $modx->getOption('postHooks',$scriptProperties,'');

■ email: [email protected] | ■ website: https://alienbuild.uk

The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.

1,118 Posts

dubbs Reply #22, 6 years, 2 months ago

Quote from: lkfranklin at Feb 27, 2018, 02:24 PM

Inspecting the quipreply snippet i can see it has pre and post hooks.
$preHooks = $modx->getOption('preHooks',$scriptProperties,'');
$postHooks = $modx->getOption('postHooks',$scriptProperties,'');

OK... so in theory then, setting &recaptcha=`0` (e.g. to disable the inclusion of the v1 recaptcha) and adding &preHooks=`recaptchav2` - that should make it work??? e.g. with the https://modx.com/extras/package/recaptchav2 addon installed... Will give it a go...

932 Posts

LK Reply #23, 6 years, 2 months ago

Just had a quick go myself and its running the posthooks but unfortunately isnt running as seamless as hoped.

■ email: [email protected] | ■ website: https://alienbuild.uk

The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.

1,118 Posts

dubbs Reply #24, 6 years, 2 months ago

OK... so it seems to work to make sure the recaptcha v2 is checked - e.g. if you leave it unchecked - you get asked to tick it... but - it fails to see when a user has ticked the recaptcha... e.g. the validation is not working - so even when you tick the recaptcha you cant submit a comment...

932 Posts

LK Reply #25, 6 years, 2 months ago

Are you calling the render snippet inside the </form> tag?

■ email: [email protected] | ■ website: https://alienbuild.uk

The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.

1,118 Posts

dubbs Reply #26, 6 years, 2 months ago

Quote from: lkfranklin at Feb 27, 2018, 03:10 PM

Are you calling the render snippet inside the tag?

yes

1,118 Posts

dubbs Reply #27, 6 years, 2 months ago

Am using:

[[!QuipReply? &thread=`myThread` &recaptcha=`1` &closeAfter=`0` &preHooks=`recaptchav2` &tplAddComment=`quipAddComment_recaptchaV2` ]]

With AddCommentTpl (e.g. "quipAddComment_recaptchaV2"):

[[+preview]]
<span class="quip-success" id="quip-success-[[+idprefix]]">[[+successMsg]]</span>
 
<form id="quip-comment-preview-box-[[+idprefix]]" action="[[+url]]#quip-comment-preview-box-[[+idprefix]]" method="post">
<div class="quip-comment quip-add-comment">
    <input type="hidden" name="previewname" value="" />
    <input type="hidden" name="thread" value="[[+thread]]" />
    <input type="hidden" name="parent" value="[[+parent]]" />
    <input type="hidden" name="auth_nonce" value="[[+auth_nonce]]" />
    <input type="hidden" name="preview_mode" value="[[+preview_mode]]" />
 
     <div class="quip-fld">
        <label for="quip-comment-name-[[+idprefix]]">[[%quip.name? &namespace=`quip` &topic=`default`]]:</label>
        <input type="text" name="name" id="quip-comment-name-[[+idprefix]]" value="[[+name]]" class="formField" />
        <span class="quip-error">[[+error.name]]</span>
        <br />
    </div>
     
    <div class="quip-fld">
        <label for="quip-comment-email-[[+idprefix]]">[[%quip.email]]:</label>
        <input type="text" name="email" id="quip-comment-email-[[+idprefix]]" value="[[+email]]" class="formField" />
        <span class="quip-error">[[+error.email]]</span>
       
        <br />
    </div>
     
    <div class="quip-fld">
        <label for="quip-comment-website-[[+idprefix]]">[[%quip.website]]:</label>
        <input type="text" name="website" id="quip-comment-website-[[+idprefix]]" value="[[+website]]" class="formField" />
        <span class="quip-error">[[+error.website]]</span>
        <br />
    </div>
 
    <div class="quip-fld">
        <label for="quip-comment-notify-[[+idprefix]]" style="width: 182px;">[[%quip.notify_me]]:</label>
        <input class="tickBox" type="checkbox" value="1" name="notify" id="quip-comment-notify-[[+idprefix]]" [[+notify:if=`[[+notify]]`:eq=`1`:then=`checked="checked"`]] />
        <span class="quip-error">[[+error.notify]]</span>
        <br />
    </div>
 





    <div class="quip-fld recaptcha">

<!-- recaptcha v2 -->
[[!recaptchav2_render]]
<span class="quip-error">[[+error.recaptchav2_error]]</span>
<!-- end of recaptcha v2 -->

    </div>




     
    <p><span class="quip-allowed-tags">[[%quip.allowed_tags? &tags=`[[++quip.allowed_tags:htmlent]]`]]</span>[[%quip.comment_add_new]]<span class="quip-error">[[+error.comment]]</span></p>
    <textarea name="comment" id="quip-comment-box-[[+idprefix]]" rows="5" class="formField">[[+comment]]</textarea>
     
    <!--<button type="submit" name="[[+preview_action]]" value="1">[[%quip.preview]]</button>-->
    [[+can_post:is=`1`:then=`<button type="submit" name="[[+post_action]]" value="1">[[%quip.post]]</button>`]]
     
    <br class="clear" />
</div>
</form>

34 Posts

mediengaarage Reply #28, 6 years, 2 months ago

i cant also send the form.

[[!QuipReply? 
&preHooks=`recaptchav2`
&thread=`gaestebuch` 
&moderatorGroup=`Redakteur`
&moderate=`1` 
&useGravatar=`0` 
&tplAddComment=`addCommentTplV2` 
&tplPreview=`previewTpl` 
&dateFormat=`%d. %B %Y`
&notifyEmails=`mail@domain`
&closeAfter=`0`
&recaptcha=`0`
]]

addCommentTplV2

[[+preview]]
<span class="quip-success" id="quip-success-[[+idprefix]]">[[+successMsg]]</span>
 
<form id="quip-add-comment-[[+idprefix]]" action="[[+url]]#quip-comment-preview-box-[[+idprefix]]" method="post" class="form">
<div class="quip-comment quip-add-comment">
    <input type="hidden" name="nospam" value="" />
    <input type="hidden" name="thread" value="[[+thread]]" />
    <input type="hidden" name="parent" value="[[+parent]]" />
    <input type="hidden" name="auth_nonce" value="[[+auth_nonce]]" />
    <input type="hidden" name="preview_mode" value="[[+preview_mode]]" />
 
     <div class="quip-fld">
        <label for="quip-comment-name-[[+idprefix]]">[[%quip.name? &namespace=`quip` &topic=`default`]]<span class="quip-error">[[+error.name]]</span></label>
        <input type="text" name="name" id="quip-comment-name-[[+idprefix]]" value="[[+name]]" />
        <br />
    </div>
     
    <div class="quip-fld">
        <label for="quip-comment-email-[[+idprefix]]">[[%quip.email]]<span class="quip-error">[[+error.email]]</span></label>
        <input type="text" name="email" id="quip-comment-email-[[+idprefix]]" value="[[+email]]" />
        <br />
    </div>
     
    <!-- <div class="quip-fld">
        <label for="quip-comment-website-[[+idprefix]]">[[%quip.website]]:<span class="quip-error">[[+error.website]]</span></label>
        <input type="text" name="website" id="quip-comment-website-[[+idprefix]]" value="[[+website]]" />
        <br />
    </div>
 
    <div class="quip-fld">
        <label for="quip-comment-notify-[[+idprefix]]">[[%quip.notify_me]]:<span class="quip-error">[[+error.notify]]</span></label>
        <input type="checkbox" value="1" name="notify" id="quip-comment-notify-[[+idprefix]]" [[+notify:if=`[[+notify]]`:eq=`1`:then=`checked="checked"`]] />
        <br />
    </div> -->
 
    
     
     
    <p><!-- <span class="quip-allowed-tags">[[%quip.allowed_tags? &tags=`[[++quip.allowed_tags:htmlent]]`]]</span> -->Ihr Eintrag<span class="quip-error">[[+error.comment]]</span></p>
    <textarea name="comment" id="quip-comment-box-[[+idprefix]]" rows="5">[[+comment]]</textarea>
    <p> </p>
    
    
 
     <div class="quip-fld recaptcha">
     [[!recaptchav2_render]]
    <span class="quip-error">[[+error.recaptchav2_error]]</span>
    </div>
   
    
</div>
    
    <!-- <button type="submit" class="submit small first" name="[[+preview_action]]" value="1">[[%quip.preview]]</button> -->
    [[+can_post:is=`1`:then=`<button class="submit" type="submit" name="[[+post_action]]" value="1">[[%quip.post]]</button>`]]
     
    <br class="clear" />
</div>
</form>

1,118 Posts

dubbs Reply #29, 6 years, 2 months ago

@mediengaarage - You need to have recaptcha set to &recaptcha=`1` in the QuipReply as otherwise it ignores it - but as you will see even, if you tick it - it still fails the validation test...

34 Posts

mediengaarage Reply #30, 6 years, 2 months ago

I tried both &recaptcha=`1`and &recaptcha=`0` but both are not working.

Answered Quip with recaptcha V2