JSFiddle - React, Tailwind, and code Playground

by Siquel

HTML

<script src="../../Angular/angular.min.js"></script>
</head>
<body>
  
<div ng-app="test-app">

          <div ng-controller="ctrlForm">
  <form name="form" class="css-form" ng-submit="submit()" novalidate>
      <div class="title">Регистрационная форма</div>
    <div class="forInput">Name: </div> <input type="text" ng-model="user.login" name="uName" ng-pattern="/^([а-яёА-ЯЁ])*$/"  required="" />
    

    <div ng-show="form.$submitted || form.uName.$touched">
      <div ng-show="form.uName.$error.required">Поле должно быть заполнено!</div>
      <div ng-show="form.uName.$error.pattern">Имя должно содержать только буквы кириллицы</div>
    </div>

        <div class="forInput">E-mail: </div>
    <input type="email" ng-model="user.email" name="uEmail" required="" />
 

    <div ng-show="form.$submitted || form.uEmail.$touched">
      <div ng-show="form.uEmail.$error.required">Поле должно быть заполнено!</div>
      <div ng-show="form.uEmail.$error.email">Неправильный email!</div>
    </div>
        <div class="forInput">  Phone: </div>
    <input type="email" ng-model="user.phone" ng-pattern="/^\+380\d*$/" name="phone" required="" />
    
    <div ng-show="form.$submitted || form.phone.$touched">
      <div ng-show="form.phone.$error.required">Поле должно быть заполнено!</div>
      <div ng-show="form.phone.$error.pattern">Номер должен быть вида +380*********</div>
    </div>

        <div class="forInput">Password: </div>
    <input type="password" ng-model="user.password" ng-minlength="6" name="password" required="" />
 
    <div ng-show="form.$submitted || form.password.$touched">
      <div ng-show="form.password.$error.required">Поле должно быть заполнено!</div>
      <div ng-show="form.password.$error.minlength">Пароль должен состоять более чем из 6 символов</div>
    </div>

        <div class="forInput"> Repeat: </div>
    <input type="password" ng-model="password2" name="password2" required="" />

    <div ng-show="form.$submitted ||...

JavaScript

var app = angular.module('test-app', []);
app.controller('ctrlForm',function($scope, $http) {
  $scope.user = {};


    $scope.submit = function() {
       alert($scope.user.phone);
    //Ajax запрос где передастся массив данными из формы
    $http.post('http://webway2/index.php/login/create_member', {data: $scope.user}).
  success(function(data, status, headers, config) {
    alert(data);
    //  location.href = '/singup_succeed.php';
  });
      }

});