reCAPTCHA error in console

[NGM]

Wappler Version : 3.5.0
Operating System : Windows 10 NodeJS

Expected behavior

What do you think should happen?
I am using a server connect form to login and when i enter a valid user/password it should trigger the Success Dynamic Event which then instigates further actions to complete and route the login.

Actual behavior

What actually happens?

When I enter the valid user/password the success dynamic event associated with the server connect form is not triggered!! and the login / routing doesn't complete. I have also tried with no user /no password and the invalid trigger IS triggered, however if i enter a valid user and invalid password then the unauthorised trigger ISN'T triggered.

How to reproduce

Create a Server Connect Form, a dynamic event and execute and see if the dynamic event is triggered.

• Detail a step by step guide to reproduce the issue
• A screenshot or short video indicating the problem
• A copy of your code would help. Include: JS, HTML.
• Test your steps on a clean page to see if you still have an issue

...YOUR TEXT HERE ...

[Teodor]

So is your server action actually returning a status 200? Any errors in the console?
Maybe provide a link to your page.

Also when posting issues, make sure to delete the dummy bug report template data… it’s there just for your info.

[NGM]

Hi Teodor,
the server action returned a status of 200, I’ve just seen in the console that there is a reCAPTCHA error… which is weird as Im not using reCAPTCHA? . see screenshots.
re posting issues - noted - will do next time.

[Teodor]

Can you send us a link to your page please?

[NGM]

Hi Teodor,
Sorry bit new at this, I’m still running on my laptop not on a server. I’ve tried the QR Code feature but havent got it to work yet but here is the link that the QR code generates: 192.168.1.211:3000/Login

[Teodor]

That’s a local link only accessible for you.
Can you copy your form code here please? Just what’s between the two form tags.

[NGM]

<form is="dmx-serverconnect-form" id="scfLogin" method="post" action="api/Passwords/Login" dmx-generator="bootstrap4" dmx-form-type="horizontal" dmx-on:unauthorized="browser1.alert('why');text1.setValue('unauthorised')"

            dmx-on:success="browser1.alert('gfgf');LayoutBrowser.alert('layoutbrowser good');FlowAfterSuccessLogin.run()" dmx-on:error="LayoutBrowser.alert('error')" dmx-on:forbidden="LayoutBrowser.alert('forbidden')"

            dmx-on:invalid="LayoutBrowser.alert('invalidstuff')">

            <h2 class="text-center">Login</h2>

            <div class="form-group row">

                <div class="col-sm-10 align-self-center offset-1">

                    <input type="text" class="form-control" id="inp_Username" name="username" aria-describedby="inp_Username_help" placeholder="Enter username" data-msg-required="Please enter username" required="">

                </div>

            </div>

            <div class="form-group row">

                <div class="col-sm-10 offset-1">

                    <input type="password" class="form-control" id="inp_Password" name="password" aria-describedby="inp_Password_help" placeholder="Enter password" required="" data-msg-required="Please enter password">

                </div>

            </div>

            <div class="form-group row">

                <div class="col-sm-10 offset-1">

                    <div class="row">

                        <div class="col">

                            <div class="form-check">

                                <input class="form-check-input" type="checkbox" value="1" id="inp_Remember" name="remember" checked="true">

                                <label class="form-check-label" for="inp_Remember">Keep me Logged in</label>

                            </div>

                        </div>

                        <div class="col">

                            <div class="form-check">

                                <input class="form-check-input" type="checkbox" value="" id="inp_LostPassword" name="LostPassword" dmx-on:click="scfLogin.reset();browser1.goto('PasswordReset')">

                                <label class="form-check-label" for="inp_LostPassword">Forgotten Password</label>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="form-group row">

                <div class="col-sm-10 offset-1">

                    <button type="submit" class="btn w-100 btn-primary" name="UserLogin">Login</button>

                </div>

            </div>

        </form>

[NGM]

BTW - whilst investigating there is another form that has the same issue …seems to work but dont get the success dynamic event triggered…shall i copy that as well?

[Teodor]

Maybe @patrick can check this

[patrick]

Try this update: dmxAppConnect.zip (22.1 KB)

[NGM]

Hi Patrick, Perfect, many thanks , really appreciate you responding over the weekend. Have a great rest of the weekend,

Best Regards,

Nigel

[George]

Fixed in Wappler 3.5.1