ipi-jquery/exemples/jquery/validation-de-formulaires-bootstrap/example.html

<ul id="onglets" class="nav nav-tabs">
    <li>
        <a class="nav-link active" data-tab-id="tab-login" id="onglet1" class="active" href="#">Connexion</a>
    </li>
    <li class="tab-nav">
        <a class="nav-link" data-tab-id="tab-register" id="onglet2" href="#">Inscription</a>
    </li>

</ul>

<div id="alert-box" class="alert alert-danger collapse" role="alert">
  
</div>

<div class="tab" id="tab-login">
  <div class="card">
    <div class="card-body">
      <form id="form-login">
        <div class="form-group">
          <label for="login-identifier">Identifiant ou e-mail</label>
          <input type="text" class="form-control" id="login-identifier" aria-describedby="identifierHelp" placeholder="Entrez votre identifiant ou e-mail">
          <small class="text-danger collapse"></small>
        </div>
        <div class="form-group">
          <label for="login-password">Mot de passe</label>
          <input type="password" class="form-control" id="login-password" placeholder="Mot de passe">
        </div>
        <button type="submit" class="btn btn-primary">Envoyer</button>
      </form>
    </div>
  </div>
</div>

<div class="tab" id="tab-register" style="display:none">
  <div class="card">
    <div class="card-body">
      <form id="form-register">
        <div class="form-group">
          <label for="register-username">Identifiant</label>
          <input type="text" class="form-control" id="register-username" aria-describedby="usernameHelp" placeholder="Entrez un identifiant (lettres, chiffres, _)" />
          <small class="text-danger collapse"></small>
        </div>
        <div class="form-group">
          <label for="register-email">Adresse e-mail</label>
          <input type="email" class="form-control" id="register-email" aria-describedby="emailHelp" placeholder="Entrez un e-mail">
          <small class="text-danger collapse"></small>
        </div>
        <div class="form-group">
          <label for="register-password">Mot de passe</label>
          <input type="password" class="form-control" id="register-password" placeholder="Mot de passe (4 caractères min.)">
          <small class="text-danger collapse"></small>
        </div>
  
        <button type="submit" class="btn btn-primary">Envoyer</button>
      </form>
    </div>
  </div>
</div>