JSFiddle - React, Tailwind, and code Playground

by WebMoutarde

HTML

<script src="https://code.angularjs.org/1.6.1/angular-messages.js"></script>
<div ng-controller="MyCtrl">
  <form name="form" novalidate ng-submit="vm.signup()">

      <div class="list">
        <label class="item item-input item-stacked-label noborder">
          <span class="input-label">Nom</span>
          <input type="text" name="nom" ng-model="vm.nom" required>
        </label>
          <hr style="border-style: solid;margin-left: 16px;margin-right: 16px;border-color: #e8e8e8;"/>
        <label class="item item-input item-stacked-label noborder">
          <span class="input-label">Prénom</span>
          <input type="text" name="prenom" ng-model="vm.prenom" required>
        </label>
        <hr style="border-style: solid;margin-left: 16px;margin-right: 16px;border-color: #e8e8e8;"/>
        <label class="item item-input item-stacked-label noborder">
          <span class="input-label">Mail</span>
          <input type="email" name="mail" ng-model="vm.mail" required>
        </label>
        <hr style="border-style: solid;margin-left: 16px;margin-right: 16px;border-color: #e8e8e8;"/>
        <label class="item item-input item-stacked-label noborder">
          <span class="input-label">Mot de passe</span>
          <input type="password" name="password" ng-model="vm.password" required>
        </label>
        <hr style="border-style: solid;margin-left: 16px;margin-right: 16px;border-color: #e8e8e8;"/>
        <label class="item item-input item-stacked-label noborder">
          <span class="input-label">Confirmez votre mot de passe</span>
          <input type="password" name="passwordCheck" ng-model="vm.passwordCheck" required>
        </label>
        <hr style="border-style: solid;margin-left: 16px;margin-right: 16px;border-color: #e8e8e8;"/>

      </div>
          <div ng-messages="form.$error" role="alert">
            <p style="text-align: center;" ng-message="required">You must fill in all fields</p>
            <p style="text-align: center;"...

JavaScript

var myApp = angular.module('myApp',['ngMessages']);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.controller('MyCtrl', function ($scope) {
   $scope.errorMessage = 'error';
});