53 lines
1017 B
Vue
53 lines
1017 B
Vue
<template>
|
|
<section class="container">
|
|
<b-field
|
|
label="Usuario"
|
|
message="This email is invalid"
|
|
:type="usuarioValido()">
|
|
<b-input v-model="usuario"></b-input>
|
|
</b-field>
|
|
|
|
<b-field
|
|
label="Contraseña"
|
|
message="This email is invalid"
|
|
type="is-danger">
|
|
<b-input
|
|
v-model="password"
|
|
type="password"
|
|
password-reveal></b-input>
|
|
</b-field>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import validator from 'validator'
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
usuario: '',
|
|
password: '',
|
|
error: false
|
|
}
|
|
},
|
|
methods: {
|
|
usuarioValido () {
|
|
if (!this.usuario) {
|
|
return ''
|
|
} if (validator.isNumeric(this.usuario, { no_symbols: false })) {
|
|
return ''
|
|
} else if (validator.isNumeric(this.usuario, { no_symbols: false })) {
|
|
return ''
|
|
}
|
|
return 'is-danger'
|
|
}
|
|
},
|
|
watch: {
|
|
usuario () {
|
|
this.error = false
|
|
}
|
|
},
|
|
layout: 'login'
|
|
}
|
|
</script>
|