FW7 Login Form: Does Not Log In

I have a FW7 login form that always returns unauthorized (401). Here is my setup, perhaps I am doing something wrong.

My API Server Connect:

The Server Connect setup on my page:

And my form code:

<form method="post" is="dmx-serverconnect-form" id="loginForm" credentials>
              <div class="list">
                <ul>
                  <li class="item-content item-input">
                    <div class="item-inner">
                      <div class="item-title item-label">E-mail</div>
                      <div class="item-input-wrap">
                        <input type="text" name="inputLoginEmail" id="inputLoginEmail">
                        <span class="input-clear-button"></span>
                      </div>
                    </div>
                  </li>
                  <li class="item-content item-input">
                    <div class="item-inner">
                      <div class="item-title item-label">Password</div>
                      <div class="item-input-wrap">
                        <input name="inputLoginPassword" id="inputLoginPassword" type="password">
                        <span class="input-clear-button"></span>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="list">
                <ul>
                  <li>
                    <a href="#" class="list-button" dmx-on:click="signinForm.load()">Sign In</a>
                  </li>
                  <li>
                    <a href="#" class="item-link list-button login-screen-close" data-login-screen="#loginScreen">Close Sign In Form
                    </a>
                  </li>
                </ul>
              </div>
              <p class="text-align-center">{{signinForm.status}}<br> {{inputLoginEmail.value}}<br> {{inputLoginPassword.value}} </p>
            </form>

It’s like the values being sent to the API are blank or something. I know the credentials are correct as it logs in no problem with my Bootstrap version. Is there a way to test what exactly is being sent to the serverconnect API?

Well of course it won’t work! You have a major form names mixup.

Your server connect form is called loginForm but on button click you load some other server connect called signinForm and you use load action instead of submit…

So this will never work :slight_smile: also not in bootstrap

If I call both the server action and the form the same name I get a duplicate ID error:

Load, Abort and Reset is the only options I get?

Screen Shot 2021-03-09 at 2.49.45 PM

I see what I was doing wrong. I now get a 200 status. Just gotta get my onsuccess attributes working now. Thanks for pointing me in the right direction!

Yes you need just one form for login, not two :smiley: