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" 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="cc242eee-d3ab-c987-38c8-f24429453019" 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="700130a1-8aae-a740-069b-8769da5a6ab1" 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"
            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" 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, Twitter or ESOT

Or

Remember me Forgot Password
Login

Not registered yet? Register


REGISTER NEW ACCOUNT

With your email address

Continue
Or
Facebook
LinkedIN
Twitter
ESOT

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-2022 Frontiers Media SA. All rights reserved -Terms and
Conditions





PRIVACY PREFERENCE CENTER

Our website uses cookies that are necessary for its operation. Additional
cookies are only used with your consent. These cookies are used to store and
access information such as the characteristics of your device as well as certain
personal data (IP address, navigation usage, geolocation data) and we process
them to analyse the traffic on our website in order to provide you a better user
experience, evaluate the efficiency of our communications and to personalise
content to your interests. Some cookies are placed by third-party companies with
which we work to deliver relevant ads on social media and the internet. Click on
the different categories' headings to change your cookie preferences. Click on
"More Information" if you wish to learn more about how data is collected and
shared.
More information
Allow all


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

ANALYTICS COOKIES

Analytics Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us analyse which pages are the
most and least popular and see how visitors move around the site.    All
information these cookies collect is aggregated and therefore anonymous.

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

ADVERTISING COOKIES

Advertising Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites.    They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.


BACK BUTTON PERFORMANCE COOKIES



Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Confirm My Choices



WE USE COOKIES

Our website uses cookies that are necessary for its operation and to improve
your experience. You can review and control your cookies by clicking on "Accept
Cookies" or on "Cookies Settings".

Cookies Settings Accept Cookies