www.frontiersin.org Open in urlscan Pro
134.213.70.247  Public Scan

Form analysis
4 forms found in the DOM

<form>
  <div data-bind="template: { name: 'custom-email-template', data: {'field': email, 'placeholder': 'Email *', 'onKeyPress': $data.login, 'dataTestId': 'login-email', 'isAuthRequest' : false }}">
    <div class="input-container" data-bind="css: { 'error': !field.isValid() }, attr: { 'data-test-id': 'display' + dataTestId }" data-test-id="displaylogin-email">
      <input type="text" class="custom-input"
        data-bind="disable: isAuthRequest, value: field, valueUpdate: 'input', attr: { 'placeholder': placeholder, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId }, onEnterKeyPress: $data.onKeyPress, avoidWhiteSpaces" placeholder="Email *"
        id="login-email" data-test-id="input-login-email">
      <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
        <span data-bind="text: field.error"></span>
      </div>
    </div>
  </div>
  <div data-bind="template: { name: 'custom-pwd-template', data: {'field': password, 'dataTestId': 'login-password', 'autocomplete': 'on' }}">
    <div class="input-container" data-bind="css: { 'error': !field.value.isValid(), 'disabled': field.isDisabled()}, attr: { 'data-test-id': 'display-' + dataTestId }" data-test-id="display-login-password">
      <div class="password-container">
        <input class="password custom-input" type="password"
          data-bind="disable: field.isDisabled, value: field.value, valueUpdate: 'input', attr: { 'placeholder': field.placeholder, 'type': field.passwordInputType, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId, 'autocomplete': autocomplete }, onEnterKeyPress: field.onEnterKeyPress, event: { 'focus': field.onFocus, 'blur': field.onBlur }"
          placeholder="Password *" id="login-password" data-test-id="input-login-password" autocomplete="on">
        <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
          <span data-bind="text: field.error"></span>
        </div>
        <div class="show-password show" data-bind="disable: field.isDisabled, click: field.showPassword, css: { 'hide': field.passwordInputType() === 'text'}"></div>
      </div>
      <!--<div class="help-xs" data-bind="css: { 'show': field.showTip }">Short passwords are easy to guess. Try one with at least 6 characters.</div>-->
      <div class="help-xs" data-bind="text: field.infoMessage, css: { 'show': field.infoMessage}"></div>
    </div>
  </div>
  <div class="remem-forgot">
    <span class="rememberMe">
      <span class="custom-checkbox">
        <input type="checkbox" id="rememberMe" data-bind="checked: rememberMe, css: {'disabled': isWorking}" data-test-id="input-rememberme">
        <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
          <span data-bind="text: field.error"></span>
        </div>
        <label for="rememberMe" class="custom-checkbox-item" data-bind="css: { 'checked': rememberMe() === true}"></label>
        <label for="rememberMe" class="label">Remember me</label>
      </span>
    </span>
    <a class="forgotPassword" id="goToForgotPassword" href="/password/forgot?requestauthtoken=9da0d310-3061-45f7-9b22-0c77ebeb7cba" data-bind="click: goToForgotPassword, attr: { 'href': Registration.Helpers.UrlHelper.getUrlWithQuerystring('/password/forgot')}" data-test-id="button-forgotpassword">Forgot Password</a>
  </div>
</form>

<form autocomplete="off">
  <div class="form-wrapper">
    <div class="input-wrapper">
      <div data-bind="template: { name: 'custom-input-template', data: { 'field': firstName, 'placeholder': 'First Name *', 'onKeyPress': completeRegistration, 'dataTestId': 'register-01-firstname'}}">
        <div class="input-container" data-bind="css: { 'error': !field.isValid() }, attr: { 'data-test-id': 'display' + dataTestId }" data-test-id="displayregister-01-firstname">
          <input type="text" class="custom-input" data-bind="value: field, valueUpdate: 'input', attr: { 'placeholder': placeholder, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId }, onEnterKeyPress: $data.onKeyPress"
            placeholder="First Name *" id="register-01-firstname" data-test-id="input-register-01-firstname">
          <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
            <span data-bind="text: field.error"></span>
          </div>
        </div>
      </div>
      <div data-bind="template: { name: 'custom-input-template', data: { 'field': lastName, 'placeholder': 'Last Name *', 'onKeyPress': completeRegistration, 'dataTestId': 'register-01-lastname'}}">
        <div class="input-container" data-bind="css: { 'error': !field.isValid() }, attr: { 'data-test-id': 'display' + dataTestId }" data-test-id="displayregister-01-lastname">
          <input type="text" class="custom-input" data-bind="value: field, valueUpdate: 'input', attr: { 'placeholder': placeholder, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId }, onEnterKeyPress: $data.onKeyPress"
            placeholder="Last Name *" id="register-01-lastname" data-test-id="input-register-01-lastname">
          <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
            <span data-bind="text: field.error"></span>
          </div>
        </div>
      </div>
      <div class="input-container" data-bind="css: { 'error': !affiliationText.isValid() }">
        <div id="c235e2c8-1e04-0d3b-0dc7-15328ac7fecf" class="plugin-organization">
          <div id="plugin-container">
            <div class="erase-container" data-test-id="affiliation-erase-affiliation" style="display: none;">
              <i class="erase"></i>
            </div><input placeholder="Affiliation / Employer *" class="custom-input" type="text" data-test-id="input-affiliation"
              data-bind="ugarit: { allowCreateOrganization: true, displayOtherOptions: false, displaySuggestions: true, onSelectedOrganizationChanged: onAffiliationChanged, defaultCreateOrganization: { shadowSave: true, title: '' } }, value: affiliationText"
              id="e16a01fb-7220-ab8f-21b5-b296bb494945" autocomplete="off">
            <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
              <span data-bind="text: field.error"></span>
            </div>
            <div class="organization-dropdown" data-test-id="affiliation-dropdown" style="width: 100%; top: 61px;">
              <div class="info" data-test-id="affiliation-dropdown-tip" style="display: none;">Please, type at least 3 characters to search.</div>
              <div class="error-container" data-test-id="affiliation-dropdown-error" style="display: none;">
                <div class="form-validator-warning">Something went wrong. Please type again.</div>
              </div>
              <div class="spinner-container" data-test-id="affiliation-dropdown-spinner" style="display: none;">
                <div class="spin"></div>
              </div>
              <ul class="other-options-container" data-test-id="no-affiliation-list" style="display: none;"></ul>
              <div data-test-id="affiliation-dropdown-suggestions">
                <ul class="suggestion-container" style="display: none;"></ul>
                <div class="cb"></div>
              </div>
              <div class="no-result" data-test-id="affiliation-dropdown-empty-case" style="display: none;"> Can't find your affiliation? <div class="cb"></div>
                <span class="create-organization link" data-test-id="affiliation-dropdown-empty-case-link">Create a new one</span>
                <span class="separator" style="display: none;"> | </span>
                <span class="common-organization link" data-test-id="affiliation-dropdown-select-option-link" style="display: none;">No current affiliation</span>
                <div class="cb"></div>
              </div>
              <div class="cb"></div>
            </div>
          </div>
        </div>
      </div>
      <!-- ko template: { name: 'custom-dropdown-template',  data: { 'field': position, 'dataTestId': 'register-01-position' } } -->
      <div class="input-container" data-bind="css: { 'error': !field.optionSelected.isValid(), 'half': field.half, 'disabled': field.disabled }, attr: { 'data-test-id': 'display-' + dataTestId }" data-test-id="display-register-01-position">
        <div class="select-wrapper">
          <div class="select-background">
            <select data-bind="options: field.availableOptions, optionsCaption: field.optionCaption, optionsText: 'name', value: field.optionSelected, attr: { 'data-test-id': 'input-' + dataTestId }" data-test-id="input-register-01-position">
              <option value="">Position *</option>
            </select>
            <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
              <span data-bind="text: field.error"></span>
            </div>
          </div>
        </div>
        <div class="cb"></div>
        <div data-bind="text: field.optionSelected.error" class="error-message"></div>
      </div>
      <!-- /ko -->
    </div>
    <div class="input-wrapper">
      <div data-bind="template: { name: 'custom-email-template', data: { 'field': email, 'placeholder': 'Email *', 'onKeyPress': completeRegistration, 'dataTestId': 'register-01-email', 'isAuthRequest': emailReadOnly}}">
        <div class="input-container" data-bind="css: { 'error': !field.isValid() }, attr: { 'data-test-id': 'display' + dataTestId }" data-test-id="displayregister-01-email">
          <input type="text" class="custom-input"
            data-bind="disable: isAuthRequest, value: field, valueUpdate: 'input', attr: { 'placeholder': placeholder, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId }, onEnterKeyPress: $data.onKeyPress, avoidWhiteSpaces" disabled=""
            placeholder="Email *" id="register-01-email" data-test-id="input-register-01-email">
          <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
            <span data-bind="text: field.error"></span>
          </div>
        </div>
      </div>
      <div data-bind="template: { name: 'custom-pwd-template', data: { 'field': password, 'dataTestId': 'register-01-password', 'autocomplete': 'new-password' }}">
        <div class="input-container" data-bind="css: { 'error': !field.value.isValid(), 'disabled': field.isDisabled()}, attr: { 'data-test-id': 'display-' + dataTestId }" data-test-id="display-register-01-password">
          <div class="password-container">
            <input class="password custom-input" type="password"
              data-bind="disable: field.isDisabled, value: field.value, valueUpdate: 'input', attr: { 'placeholder': field.placeholder, 'type': field.passwordInputType, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId, 'autocomplete': autocomplete }, onEnterKeyPress: field.onEnterKeyPress, event: { 'focus': field.onFocus, 'blur': field.onBlur }"
              placeholder="Password *" id="register-01-password" data-test-id="input-register-01-password" autocomplete="new-password">
            <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
              <span data-bind="text: field.error"></span>
            </div>
            <div class="show-password show" data-bind="disable: field.isDisabled, click: field.showPassword, css: { 'hide': field.passwordInputType() === 'text'}"></div>
          </div>
          <!--<div class="help-xs" data-bind="css: { 'show': field.showTip }">Short passwords are easy to guess. Try one with at least 6 characters.</div>-->
          <div class="help-xs" data-bind="text: field.infoMessage, css: { 'show': field.infoMessage}"></div>
        </div>
      </div>
      <div data-bind="template: { name: 'custom-pwd-template', data: { 'field': password2, 'dataTestId': 'register-01-password2', 'autocomplete': 'new-password2'}}">
        <div class="input-container" data-bind="css: { 'error': !field.value.isValid(), 'disabled': field.isDisabled()}, attr: { 'data-test-id': 'display-' + dataTestId }" data-test-id="display-register-01-password2">
          <div class="password-container">
            <input class="password custom-input" type="password"
              data-bind="disable: field.isDisabled, value: field.value, valueUpdate: 'input', attr: { 'placeholder': field.placeholder, 'type': field.passwordInputType, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId, 'autocomplete': autocomplete }, onEnterKeyPress: field.onEnterKeyPress, event: { 'focus': field.onFocus, 'blur': field.onBlur }"
              placeholder="Confirm password *" id="register-01-password2" data-test-id="input-register-01-password2" autocomplete="new-password2">
            <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
              <span data-bind="text: field.error"></span>
            </div>
            <div class="show-password show" data-bind="disable: field.isDisabled, click: field.showPassword, css: { 'hide': field.passwordInputType() === 'text'}"></div>
          </div>
          <!--<div class="help-xs" data-bind="css: { 'show': field.showTip }">Short passwords are easy to guess. Try one with at least 6 characters.</div>-->
          <div class="help-xs" data-bind="text: field.infoMessage, css: { 'show': field.infoMessage}"></div>
        </div>
      </div>
      <div class="input-container">
        <div data-test-id="display-recaptcha" id="captcha-control" data-bind="captcha: { 'numberOfImages': captcha.numberOfImages, 'response': captcha.response, 'reset': captcha.reset }"></div>
        <div class="error-message"></div>
      </div>
      <div class="message-captcha">Can't see the images well? <a href="#" data-bind="click: refreshCaptcha">Reload images</a></div>
    </div>
  </div>
  <div class="agreeTerms custom-checkbox">
    <div class="agreeTerms-item">
      <input type="checkbox" id="notifications" data-bind="checked: notifications">
      <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
        <span data-bind="text: field.error"></span>
      </div>
      <label for="notifications" class="custom-checkbox-item" data-bind="css: { 'checked': notifications() === true}"></label>
      <label for="notifications" class="label">I would like to receive notifications in my primary area of expertise</label>
    </div>
    <input type="checkbox" id="agreeTerms" data-bind="checked: agreeTerms">
    <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
      <span data-bind="text: field.error"></span>
    </div>
    <label for="agreeTerms" class="custom-checkbox-item" data-test-id="input-agreeTerms" data-bind="click: agreeTermsClicked, css: { 'checked': agreeTerms() === true}"></label>
    <label for="agreeTerms" class="label" data-bind="click: agreeTermsClicked">I have read and agree to</label>
    <label for="agreeTerms" class="label">
      <a data-bind="text: Registration.Configuration.identityProviderTermsAndConditionsInfo().Text, attr: {'href': Registration.Configuration.identityProviderTermsAndConditionsInfo().Link, 'data-test-id': 'display-identityprovidertermsandconditions-link' }" href="https://www.frontiersin.org/legal/terms-and-conditions" target="_blank" data-test-id="display-identityprovidertermsandconditions-link">Frontiers Terms and Conditions</a>
      <!--ko if: displayTenantTermsAndConditionsBlock() --><!--/ko -->
    </label>
  </div>
  <div class="error-container" data-bind="css: { 'show': showAgreeTermsError()}">
    <div class="error-message" data-bind="text: Registration.Constants.UIMessages.agreeTermsRequired">Please accept the Terms and Conditions to proceed.</div>
  </div>
  <div class="cb"></div>
  <div class="input-container" data-bind="css: {'error': apiErrorMessageAsHtml}">
    <a class="btn primary" href="#" data-bind="click: completeRegistration, css: {'btn-loading': isWorking}" data-test-id="button-continue">Register</a>
    <div class="error-message" style="margin-top: 15px" data-bind="html: apiErrorMessageAsHtml" data-test-id="api-error-message"></div>
  </div>
  <span class="extraAction">Already registered?
    <a href="/people/login?requestauthtoken=9da0d310-3061-45f7-9b22-0c77ebeb7cba" id="goToLogin01" data-bind="click: goToLogin, attr: { 'href': Registration.Helpers.UrlHelper.getUrlWithQuerystring('/people/login')}" data-test-id="button-login">Login</a></span>
</form>

<form autocomplete="off">
  <div data-bind="template: { name: 'custom-email-template', data: {'field': email, 'placeholder': 'Email *', onKeyPress: resetPassword, 'dataTestId': 'forgot-password-email', 'isAuthRequest' : false} }">
    <div class="input-container" data-bind="css: { 'error': !field.isValid() }, attr: { 'data-test-id': 'display' + dataTestId }" data-test-id="displayforgot-password-email">
      <input type="text" class="custom-input"
        data-bind="disable: isAuthRequest, value: field, valueUpdate: 'input', attr: { 'placeholder': placeholder, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId }, onEnterKeyPress: $data.onKeyPress, avoidWhiteSpaces" placeholder="Email *"
        id="forgot-password-email" data-test-id="input-forgot-password-email">
      <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
        <span data-bind="text: field.error"></span>
      </div>
    </div>
  </div>
</form>

<form autocomplete="off">
  <div class="input-container username-container disabled">
    <input placeholder="Email *" class="username custom-input" data-bind="value: email" type="email" data-test-id="reset-password-email">
    <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
      <span data-bind="text: field.error"></span>
    </div>
  </div>
  <div data-bind="template: { name: 'custom-pwd-template', data: { 'field': password, 'dataTestId': 'reset-password', 'autocomplete': 'new-password' }}">
    <div class="input-container" data-bind="css: { 'error': !field.value.isValid(), 'disabled': field.isDisabled()}, attr: { 'data-test-id': 'display-' + dataTestId }" data-test-id="display-reset-password">
      <div class="password-container">
        <input class="password custom-input" type="password"
          data-bind="disable: field.isDisabled, value: field.value, valueUpdate: 'input', attr: { 'placeholder': field.placeholder, 'type': field.passwordInputType, 'id': dataTestId, 'data-test-id': 'input-' + dataTestId, 'autocomplete': autocomplete }, onEnterKeyPress: field.onEnterKeyPress, event: { 'focus': field.onFocus, 'blur': field.onBlur }"
          placeholder="Password *" id="reset-password" data-test-id="input-reset-password" autocomplete="new-password">
        <div data-bind="visible: !field.isValid(), attr: { 'title': field.error }" class="error-message" style="display: none;">
          <span data-bind="text: field.error"></span>
        </div>
        <div class="show-password show" data-bind="disable: field.isDisabled, click: field.showPassword, css: { 'hide': field.passwordInputType() === 'text'}"></div>
      </div>
      <!--<div class="help-xs" data-bind="css: { 'show': field.showTip }">Short passwords are easy to guess. Try one with at least 6 characters.</div>-->
      <div class="help-xs" data-bind="text: field.infoMessage, css: { 'show': field.infoMessage}"></div>
    </div>
  </div>
</form>

Text Content

LOGIN

with Facebook, Linkedin or Twitter

Or

Remember me Forgot Password
Login

Not registered yet? Register


REGISTER NEW ACCOUNT

With your email address

Continue
Or
Facebook
LinkedIN
Twitter

Already registered? Login


REGISTER NEW ACCOUNT

Please, type at least 3 characters to search.
Something went wrong. Please type again.


Can't find your affiliation?

Create a new one | No current affiliation


Position *



Can't see the images well? Reload images

I would like to receive notifications in my primary area of expertise

I have read and agree to Frontiers Terms and Conditions
Please accept the Terms and Conditions to proceed.

Register

Already registered? Login


RESET PASSWORD

Please enter the email address you registered with and we will send you
instructions on how to reset your password.



Can't see the images well? Reload images
Reset password

Already registered? Login


RESET PASSWORD


Reset Password



THANK YOU

Confirm your email to activate your account

Please follow the instructions in the email we have sent you. If you don’t
receive an email within a few minutes, please check your spam folder.

Continue


CONFIRM YOUR EMAIL TO ACTIVATE YOUR ACCOUNT

Please follow the instructions in the email we have sent you when you
registered. If you did not receive any email, click on the button below.

Resend Activation Email



DUPLICATE ACCOUNT

The email address on which you received the invitation, , is attached to another
account. Please note, as Frontiers and Loop are fully integrated, you can use
the same credentials for both websites.

If you would like to merge these accounts, please contact our support office.
Alternatively, you can continue, but we will not be able to validate the
invitation.


THANK YOU

Secondary email added

This invitation was sent to . We have added this email address as secondary to
your account. If you want to modify it, go to settings.

Continue


REGISTER WITH FRONTIERS

You are about to register with Frontiers using your Loop account.
Continue

Powered by

Frontiers In and Loop are registered trade marks of Frontiers Media SA.
© Copyright 2007-2021 Frontiers Media SA. All rights reserved -Terms and
Conditions