Commit 8855ad8d authored by Siedschlag, Lennart's avatar Siedschlag, Lennart
Browse files

Alerts

parent b03c3867
Pipeline #3951 passed with stage
in 3 minutes and 54 seconds
@import url('https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css');
\ No newline at end of file
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css');
\ No newline at end of file
<h1>Register</h1>
<h3>Register</h3>
<form>
<div class="form-group">
<label for="nickname">Nickname</label>
<input type="text" class="form-control" id="nickname" required placeholder="Nickname">
<label for="nickname">Nickname&nbsp;*</label>
<input type="text" class="form-control" id="nickname" required placeholder="Nickname"
#nickname="ngForm"
[class.is-valid]="nickname.valid"
[class.is-invalid]="!nickname.valid"
ngControl="nickname">
</div>
<div class="form-group">
<label for="surname">Surname</label>
<input type="text" class="form-control" id="surname" placeholder="Surname">
<label for="surname">Surname&nbsp;*</label>
<input type="text" class="form-control" id="surname" required placeholder="Surname"
#surename="ngForm"
[class.is-valid]="surename.valid"
[class.is-invalid]="!surename.valid"
ngControl="surename">
</div>
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Name">
<label for="name">Name&nbsp;*</label>
<input type="text" class="form-control" id="name" required placeholder="Name"
#name="ngForm"
[class.is-valid]="name.valid"
[class.is-invalid]="!name.valid"
ngControl="name">
</div>
<div class="form-group">
<label for="name">Email</label>
<input type="text" class="form-control" id="email" required placeholder="Email">
<label for="name">Email&nbsp;*</label>
<input type="email" class="form-control" id="email" required placeholder="Email"
#email="ngForm"
[class.is-valid]="email.valid"
[class.is-invalid]="!email.valid"
ngControl="email">
</div>
<div class="form-group">
<label for="mobileNo">Mobile Number</label>
<input type="text" class="form-control" id="mobileNo" placeholder="Mobile Number">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="text" class="form-control" id="password" placeholder="Password">
<label for="password">Password&nbsp;*</label>
<input type="password" class="form-control" id="password" required placeholder="Password"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
#password="ngForm"
[class.is-valid]="password.valid"
[class.is-invalid]="!password.valid"
ngControl="password">
<div [hidden]="password.valid || password.pristine" class="invalid-feedback">
Password must contain at least one number and one uppercase and lowercase letter,
and at least 8 or more characters
</div>
</div>
<button type="submit" class="btn btn-success" (click)="register()">Register</button>
<button type="button" class="btn btn-link" (click)="cancel()">Cancel</button>
<button type="button" class="btn btn-danger" (click)="cancel()">Cancel</button>
</form>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment