Quasar 中对input控件输入的内容验证

内部验证

在quasar中使用q-input控件进行内部验证的时候我们可以使用:rulegs属性来验证QInput组件。

指定嵌入式规则数组或您自己的验证器。 您的自定义验证器将是一个函数，如果验证器成功，

它将返回true，否则将返回带有错误消息的String。

自定义规则：value => condition || errorMessage

value => value.includes('Hello') || 'Field must contain word Hello'

<template>
  <div class="q-pa-md" style="max-width: 300px">
    <q-input
      ref="input"
      filled
      v-model="model"
      :rules="[val => !!val || 'Field is required']"
    />
  </div>
</template>

我们也可以外部定义规则,在rules中引入。

 <q-input filled  v-model="Time" mask="##:##:##" fill