Login form cannot be submitted with empty values

This commit is contained in:
konrad 2017-11-21 11:05:09 +01:00 committed by kolaente
parent 1b428e557f
commit 5d0165a099
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 4 additions and 5 deletions

View File

@ -7,22 +7,21 @@
Login
</div>
</h2>
<form class="ui large form" id="loginform">
<form class="ui large form" id="loginform" @submit.prevent="submit">
<div class="ui stacked segment">
<div class="field">
<div class="ui left icon input">
<i class="user icon"></i>
<input v-focus type="text" name="username" placeholder="Username" v-model="credentials.username">
<input v-focus type="text" name="username" placeholder="Username" v-model="credentials.username" required>
</div>
</div>
<div class="field">
<div class="ui left icon input">
<i class="lock icon"></i>
<input type="password" name="password" placeholder="Password" v-model="credentials.password"
@keyup.enter="submit">
<input type="password" name="password" placeholder="Password" v-model="credentials.password" required>
</div>
</div>
<div class="ui fluid large blue submit button" @click="submit()">Login</div>
<button type="submit" class="ui fluid large blue submit button">Login</button>
</div>
<div class="ui info message" v-if="loading">