mirror of
https://github.com/BoostIo/Boostnote
synced 2026-06-15 02:50:36 +00:00
55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
|
|
<form novalidate name="registerForm" ng-submit="registerForm.$valid?vm.signup():null">
|
|
|
|
<!-- Email -->
|
|
<div class="form-group">
|
|
<label for="email">E-mail</label>
|
|
<input ng-model="vm.email" type="email" id="email" name="email" class="form-control" placeholder="E-mail" required>
|
|
|
|
<div class="alert alert-danger" ng-if="registerForm.$submitted && !vm.isEmpty(registerForm.email.$error)">
|
|
<div ng-show="registerForm.email.$error.required">No E-mail given.</div>
|
|
<div ng-show="registerForm.email.$error.email">Invalid Address.</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Password -->
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input ng-model="vm.password" type="password" id="password" name="password" class="form-control" placeholder="Password" required>
|
|
|
|
<div class="alert alert-danger" ng-if="registerForm.$submitted && !vm.isEmpty(registerForm.password.$error)">
|
|
<div ng-show="registerForm.password.$error.required">No password given.</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<!-- Username -->
|
|
<div class="form-group">
|
|
<label for="name">Username</label>
|
|
<input ng-model="vm.name" ng-pattern="'^[A-Za-z0-9\-\_]+$'" type="text" id="name" name="name" class="form-control" required>
|
|
<div class="alert alert-danger" ng-if="registerForm.$submitted && !vm.isEmpty(registerForm.name.$error)">
|
|
<div ng-show="registerForm.name.$error.required">No Username given.</div>
|
|
<div ng-show="registerForm.name.$error.pattern">Username should be ^[A-Za-z0-9\-\_]+$ (only alphanumeric, hyphen, underscore characters)</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Profile name -->
|
|
<div class="form-group">
|
|
<label for="profileName">Profile name</label>
|
|
<input ng-model="vm.profileName" type="text" name="profileName" class="form-control" required>
|
|
|
|
<div class="alert alert-danger" ng-if="registerForm.$submitted && !vm.isEmpty(registerForm.profileName.$error)">
|
|
<div ng-show="registerForm.profileName.$error.required">No Profile name given.</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<button ng-class="{'btn-danger':registerForm.$invalid, 'btn-primary':registerForm.$valid}" type="submit" class="btn form-control">Register</button>
|
|
</div>
|
|
</form>
|