более одной проверки, сбивает с толку - PullRequest
Новая
       6

более одной проверки, сбивает с толку

0 голосов
/ 30 ноября 2018

В настоящее время я использую vee-validate для проверки моего ввода, и в этом случае мне нужно, чтобы вы проверили две вещи: сначала функцию, которая уже добавлена, длина значения должна быть на примере length: 2, идеально, но теперь мне нужно убедиться, что введенное значение не повторяется.

В настоящее время я храню в своем бэкэнде все идентификаторы, о которых уже сообщалось, мне нужно проверить, что идентификатор, который пишет человек, не является !== и любые существующие в моей базе данных, которые находятся в массиве idPayExist

Я запутался, как связать v-модель или сказать vee-validate хорошо, сравните с этим матрисом, я благодарю за помощь.

JSFiddle

Добрый день и благословения для всех. 

Vue.config.productionTip = false;
Vue.use(VeeValidate);

new Vue({
  el: "#app",
  data: {
  	tx: '',
    idPayExist: [01,12,55,13,20,65]
  },
  methods: {
	
  }
})
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
</script>
<script src="https://cdn.jsdelivr.net/npm/vee-validate@latest/dist/vee-validate.js"></script>


<div id="app">
  <div class="column">
      <div class="control">
        <label class="label">ID Pay</label>
        <input class="input" v-model="tx" v-validate="'length:2'" name="atex" type="number" autocomplete="off" required />
       </div>
       <p class="help is-danger">{{ errors.first('atex') }}</p>
  </div>

</div>

1 Ответ

0 голосов
/ 30 ноября 2018

Глядя на документацию, вы сможете назначить несколько правил 

<input class="input" v-model="tx" v-validate="{length: 2, included: idPayExists}">

Из документов:

ПРЕДУПРЕЖДЕНИЕ
Проверка на стороне клиента никогда не заменитпроверка на стороне сервера.Обязательно проверяйте любой ввод от пользователя на вашем бэкэнде.

Так что на самом деле вы не должны просто полагаться на это для проверки ваших полей, поэтому не имеет значения, что вы 'повторное связывание значения с v-моделью.VeeValidate просто проверяет значение ввода, даже если вы не используете v-model.

...