Validate forms the Angular way. Also: Validate on submit.
This commit is contained in:
parent
caf732a04c
commit
2a0b2add0d
9 changed files with 51 additions and 43 deletions
|
@ -1,15 +1,15 @@
|
|||
<form method="post" role="form" ng-submit="doSubmit(token)" ng-disabled="hasError()" novalidate>
|
||||
<form name="tokenForm" method="post" role="form" ng-submit="doSubmit(token)" ng-disabled="hasError()" novalidate>
|
||||
<div class="main-error" ng-if="error">{{error}}</div>
|
||||
<fieldset>
|
||||
<div class="token">
|
||||
<label for="token">Token</label>
|
||||
<input type="text" id="token" placeholder="Dein 16-stelliger Token" ng-model="token" />
|
||||
<span class="feedback" ng-if="hasError()">
|
||||
<input type="text" name="token" id="token" placeholder="Dein 16-stelliger Token" ng-model="token" ng-pattern="constraints.token.regex" ng-required="!constraints.token.optional" />
|
||||
<span class="feedback" ng-if="tokenForm.token.$invalid && submitted">
|
||||
Das Token ist ein 16-stelliger Wert bestehend aus 0-9 und a-f.
|
||||
</span>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<button class="submit" type="submit" ng-disabled="!token || hasError()">
|
||||
<button class="submit" type="submit">
|
||||
<i class="fa fa-pencil"></i> Knotendaten ändern
|
||||
</button>
|
||||
<button class="cancel" type="reset" ng-click="onCancel()">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue