Как с vee validate сделать проверку на несоответствие значение полей?

Question

[#FFFFFF]

Здравствуйте! Может кто знает, нужна проверка на несоответствие логина и пароля - то есть как подтверждение пароля, только наоборот, логин не должен совпадать с паролем. Если это кастомная ошибка, то не совсем понятно, как запускать проверку обоих поле одновременно.

Answer 1

[0xD34F]

data: () => ({
  login: '',
  password: '',
}),

<input v-model="login" name="login" v-validate="{ not_in: password }">
<span v-if="errors.has('login:not_in')">Логин не должен совпадать с паролем</span>

<input v-model="password" name="password" v-validate="{ not_in: login }">
<span v-if="errors.has('password:not_in')">Пароль не должен совпадать с логином</span>

https://jsfiddle.net/o6Lfcajb/

Answer 2

[Artem0071]

Может я чего то не понял, но делается это на изи:

<input v-model="login">
<input v-model="password">
<button @click="regUser()">Зарегестрироваться</button>

<script>
...
methods:{
  regUser(){
    if (this.login == this.password) {
      alert('логин не должен быть равен паролю');
      return;
    }
    // ... остальной код для регистрации
  }
}
...
</script>

Comments

[#FFFFFF]

спасибо за ответ, интересовало именно - можно ли это сделать средствами vee validate

[Artem0071]

Виктория, ну можете попробовать в regexp запихнуть значения логина и пароля и смотреть чтобы они не соответствовали

[#FFFFFF]

Artem0071, да, была подобная идея, только не получилось внутрь значения записать эту переменную, обрабатывалось как строка.. я новичок во вью((

Answer 3

[j-tap]

v-model='password'
v-validate="'required|is_not:email'"

export default {
  data() {
    return {
      email: null,
      password: null,
    }
}

Comments

[#FFFFFF]

спасибо. Видимо, недавно добавили - когда я создавала вопрос, такого не было.