Registration Page

[RonaldoJ]

Good morning. I have a problem with the registration page in the browser which shows me an error message “Oops! an error has occurred” How do I resolve this problem?

I am following the Wappler course with the playlist of 55 videos

[franse]

Hello! Can you show something else?
Maybe a screenshot?
What returns your console, dev tools?

[RonaldoJ]

I’ve been stuck on this step ever since and I don’t know how to solve this problem, thank you for wanting to help me.

[franse]

Seems something is wrong with the validation of password = password.

Can you post the code here?

Please see:

How to format code in your posts

Code Formatting When pasting code in your posts, please use the following formatting options, in order to be sure your code is readable and well formatted for the rest of the users. Inline code formatting Surround a section of code with backticks (`) inline code formatting. Typing: `var x = 10;` Results in: var x = 10; This can also be done as var x = 10; inline. Multi-Line Blocks of Code Surrounding code with three backticks ``` will allow for code to span multiple lines Typing: ``` f…

[RonaldoJ]

<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="Registre" appConnect="local" components="{dmxValidator:{},dmxNotifications:{},dmxBrowser:{}}" -->
<div is="dmx-browser" id="browser1"></div>
<dmx-notifications id="notifies1"></dmx-notifications>
<meta name="ac:route" content="/Registre">
<div class="container">
   <form id="register1" is="dmx-serverconnect-form" method="post" dmx-on:error="notifies1.danger('Oops! Une erreur s\'est produite')" dmx-on:unauthorized="notifies1.warning('Non Autorisé')" dmx-on:success="register1.reset();browser1.goto('/',true,'Page D\'acceuil')">
       <div class="row justify-content-center">
           <div class="col-12 col-md-8 col-lg-8 col-xl-6">
               <div class="row">
                   <div class="col text-center">
                       <h1>Register</h1>
                       <p class="text-h3">Enter your registration details below.</p>
                   </div>
               </div>
               <div class="row align-items-center">
                   <div class="col mt-4">
                       <input type="text" id="inp_Prenom" name="Prenom" class="form-control" placeholder="Prenom" required="">
                   </div>
               </div>
               <div class="row align-items-center">
                   <div class="col mt-4">
                       <input type="text" id="inp_Nom" name="Nom" class="form-control" placeholder="Nom" required="">
                   </div>
               </div>
               <div class="row align-items-center mt-4">
                   <div class="col">
                       <input type="email" id="inp_email" name="email" class="form-control" placeholder="Email" required="" data-rule-email="">
                   </div>
               </div>
               <div class="row align-items-center mt-4">
                   <div class="col">
                       <input type="password" id="inp_password" name="password" class="form-control" placeholder="Mot de Passe" required="" data-rule-nowhitespace="" minlength="8">
                   </div>
                   <div class="col">
                       <input type="password" id="inp_password2" name="password2" class="form-control" placeholder="Confirmez Mot de Passe" required="" data-rule-equalto="Password">
                   </div>
               </div>
               <div class="row justify-content-start mt-4">
                   <div class="col">
                       <div class="form-check">
                           <label class="form-check-label">
                               <input type="checkbox" class="form-check-input">
                               I Read and Accept <a href="/Termesetconditions" internal="true" target="_blank">Terms and Conditions</a>
                           </label>
                       </div>

                   </div>
               </div>
               <div class="row">
                   <div class="col"><button id="register1_submit" class="btn mt-4 btn-primary" type="submit">Submit</button></div>
               </div>
           </div>
       </div>
   </form>
</div>

[franse]

Check where it says data-rule-equalto="Password">
Change Password to password

[Hyperbytes]

Well spotted @franse