adjust form requirements and verbatim input

src/app/settings/change-email.component.html

@@ -4,11 +4,12 @@
             <div class="form-group">
                 <label for="masterPassword">{{'masterPass' | i18n}}</label>
                 <input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control" [(ngModel)]="masterPassword" required
-                    [readonly]="tokenSent">
+                    [readonly]="tokenSent" appInputVerbatim>
             </div>
             <div class="form-group">
                 <label for="newEmail">{{'newEmail' | i18n}}</label>
-                <input id="newEmail" class="form-control" type="text" name="NewEmail" [(ngModel)]="newEmail" required [readonly]="tokenSent">
+                <input id="newEmail" class="form-control" type="text" name="NewEmail" [(ngModel)]="newEmail" required [readonly]="tokenSent"
+                    inputmode="email" appInputVerbatim="false">
             </div>
         </div>
     </div>
@@ -20,7 +21,7 @@
             <div class="col-6">
                 <div class="form-group">
                     <label for="token">{{'code' | i18n}}</label>
-                    <input id="token" class="form-control" type="text" name="Token" [(ngModel)]="token" required>
+                    <input id="token" class="form-control" type="text" name="Token" [(ngModel)]="token" required appInputVerbatim>
                 </div>
             </div>
         </div>

src/app/settings/change-password.component.html

@@ -5,17 +5,17 @@
             <div class="form-group">
                 <label for="currentMasterPassword">{{'currentMasterPass' | i18n}}</label>
                 <input id="currentMasterPassword" type="password" name="MasterPasswordHash" class="form-control" [(ngModel)]="currentMasterPassword"
-                    required>
+                    required appInputVerbatim>
             </div>
             <div class="form-group">
                 <label for="newMasterPassword">{{'newMasterPass' | i18n}}</label>
                 <input id="newMasterPassword" type="password" name="NewMasterPasswordHash" class="form-control" [(ngModel)]="newMasterPassword"
-                    required>
+                    required appInputVerbatim>
             </div>
             <div class="form-group">
                 <label for="confirmNewMasterPassword">{{'confirmNewMasterPass' | i18n}}</label>
                 <input id="confirmNewMasterPassword" type="password" name="ConfirmNewMasterPasswordHash" class="form-control" [(ngModel)]="confirmNewMasterPassword"
-                    required>
+                    required appInputVerbatim>
             </div>
         </div>
     </div>

src/app/settings/deauthorize-sessions.component.html

@@ -1,6 +1,6 @@
 <div class="modal fade">
     <div class="modal-dialog">
-        <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+        <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
             <div class="modal-header">
                 <h2 class="modal-title">{{'deauthorizeSessions' | i18n}}</h2>
                 <button type="button" class="close" data-dismiss="modal" attr.aria-label="{{'close' | i18n}}">
@@ -12,7 +12,7 @@
                 <app-callout type="warning">{{'deauthorizeSessionsWarning' | i18n}}</app-callout>
                 <label for="masterPassword">{{'masterPass' | i18n}}</label>
                 <input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control" [(ngModel)]="masterPassword" required
-                    appAutoFocus>
+                    appAutoFocus appInputVerbatim>
             </div>
             <div class="modal-footer">
                 <button appBlurClick type="submit" class="btn btn-danger btn-submit" [disabled]="form.loading">

src/app/settings/delete-account.component.html

@@ -1,6 +1,6 @@
 <div class="modal fade">
     <div class="modal-dialog">
-        <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+        <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
             <div class="modal-header">
                 <h2 class="modal-title">{{'deleteAccount' | i18n}}</h2>
                 <button type="button" class="close" data-dismiss="modal" attr.aria-label="{{'close' | i18n}}">
@@ -12,7 +12,7 @@
                 <app-callout type="warning">{{'deleteAccountWarning' | i18n}}</app-callout>
                 <label for="masterPassword">{{'masterPass' | i18n}}</label>
                 <input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control" [(ngModel)]="masterPassword" required
-                    appAutofocus>
+                    appAutofocus appInputVerbatim>
             </div>
             <div class="modal-footer">
                 <button appBlurClick type="submit" class="btn btn-danger btn-submit" [disabled]="form.loading">

src/app/settings/domain-rules.component.html

@@ -2,7 +2,7 @@
     <h1>{{'domainRules' | i18n}}</h1>
 </div>
 <p>{{'domainRulesDesc' | i18n}}</p>
-<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
     <h2>{{'customEqDomains' | i18n}}</h2>
     <p *ngIf="loading">
         <i class="fa fa-spinner fa-spin text-muted"></i>
@@ -11,7 +11,8 @@
         <div class="form-group d-flex" *ngFor="let d of custom; let i = index; trackBy: indexTrackBy">
             <div class="flex-fill">
                 <label for="customDomain_{{i}}" class="sr-only">{{'customDomainX' | i18n : (i + 1)}}</label>
-                <textarea class="form-control" name="CustomDomain[{{i}}]" id="customDomain_{{i}}" [(ngModel)]="custom[i]" placeholder="{{'ex' | i18n}} google.com, gmail.com"></textarea>
+                <textarea class="form-control" name="CustomDomain[{{i}}]" id="customDomain_{{i}}" [(ngModel)]="custom[i]" placeholder="{{'ex' | i18n}} google.com, gmail.com"
+                    required></textarea>
             </div>
             <button type="button" class="btn btn-link text-danger ml-2" (click)="remove(i)" title="{{'remove' | i18n}}">
                 <i class="fa fa-minus-circle fa-lg"></i>

src/app/settings/profile.component.html

@@ -1,7 +1,7 @@
 <div *ngIf="loading">
     <i class="fa fa-spinner fa-spin text-muted"></i>
 </div>
-<form *ngIf="profile && !loading" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+<form *ngIf="profile && !loading" #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
     <div class="row">
         <div class="col-6">
             <div class="form-group">

src/app/settings/purge-vault.component.html

@@ -1,6 +1,6 @@
 <div class="modal fade">
     <div class="modal-dialog">
-        <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+        <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
             <div class="modal-header">
                 <h2 class="modal-title">{{'purgeVault' | i18n}}</h2>
                 <button type="button" class="close" data-dismiss="modal" attr.aria-label="{{'close' | i18n}}">
@@ -12,7 +12,7 @@
                 <app-callout type="warning">{{'purgeVaultWarning' | i18n}}</app-callout>
                 <label for="masterPassword">{{'masterPass' | i18n}}</label>
                 <input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control" [(ngModel)]="masterPassword" required
-                    appAutofocus>
+                    appAutofocus appInputVerbatim>
             </div>
             <div class="modal-footer">
                 <button appBlurClick type="submit" class="btn btn-danger btn-submit" [disabled]="form.loading">

src/app/settings/two-factor-duo.component.html

@@ -34,7 +34,7 @@
                         </div>
                         <div class="form-group">
                             <label for="skey">{{'twoFactorDuoSecretKey' | i18n}}</label>
-                            <input id="skey" type="password" name="SecretKey" class="form-control" [(ngModel)]="skey" required>
+                            <input id="skey" type="password" name="SecretKey" class="form-control" [(ngModel)]="skey" required appInputVerbatim>
                         </div>
                         <div class="form-group">
                             <label for="host">{{'twoFactorDuoApiHostname' | i18n}}</label>

src/app/settings/two-factor-email.component.html

@@ -27,7 +27,7 @@
                         </p>
                         <div class="form-group">
                             <label for="email">1. {{'twoFactorEmailEnterEmail' | i18n}}</label>
-                            <input id="email" type="text" name="Email" class="form-control" [(ngModel)]="email" required>
+                            <input id="email" type="text" name="Email" class="form-control" [(ngModel)]="email" required inputmode="email" appInputVerbatim="false">
                         </div>
                         <div class="mb-3 d-flex">
                             <button #sendBtn type="button" class="btn btn-outline-primary btn-sm btn-submit align-self-start" appBlurClick (click)="sendEmail()"

src/app/settings/two-factor-verify.component.html

@@ -3,7 +3,7 @@
         <p>{{'twoStepLoginAuthDesc' | i18n}}</p>
         <label for="masterPassword">{{'masterPass' | i18n}}</label>
         <input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control" [(ngModel)]="masterPassword" required
-            appAutoFocus>
+            appAutoFocus appInputVerbatim>
     </div>
     <div class="modal-footer">
         <button appBlurClick type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">