Jquery 无法验证vue.js中的字段

我在表单上生成了动态字段，所有要设置的验证都是从数据库中检索的（即，该字段是必需的还是可选的，数值或字符串都保存在数据库中），现在当呈现页面时，我想验证我的表单，我正在尝试编写自己的自定义方法，但它无法验证表单，问题在自定义方法中，未显示错误消息，表单也在未经验证的情况下提交

<input v-model="field.user_value" :name="field.name" v-on:input="validateTextInput(field.field_validations,$event)" type="text" class="form-control input-md form-control"/>

methods: {
    validateTextInput(validations,event)
    {
      if(validations.req=='required')
      {
       if(event.target.value=='')
       {
         alert('This field is required');
         return false;
       }

       if(validations.allowed=='string')
       {
        
       }


      }

方法：{
validateTextInput（验证、事件）
{
if（validations.req=='required'）
{
if（event.target.value==''）
{
警报（“此字段为必填项”）；
返回false；
}
if（validations.allowed=='string'）
{
}
}

如果没有为事件使用正确的变量，请使用$event而不是e.target.value

<input v-model="field.user_value" :name="field.name" v-on:input="validateTextInput(field.field_validations, $event)" type="text" class="form-control input-md form-control"/>

methods: {
    validateTextInput(validations,event)
    {
      if(validations.req=='required')
      {
       if(event.target.value=='')
       {
         alert('This field is required');
         return false;
       }

       if(validations.allowed=='string')
       {
        
       }


      }

方法：{
validateTextInput（验证、事件）
{
if（validations.req=='required'）
{
if（event.target.value==''）
{
警报（“此字段为必填项”）；
返回false；
}
if（validations.allowed=='string'）
{
}
}

我正在获取该值，但我的问题是如何显示错误并阻止表单提交，或者是否有更好的方法进行此类验证，我已更新了我的代码。在data（）下创建一个变量，例如：“formIsValid:false”，如果这些字段中有错误，请将其设置为“this.formIsValid=true”然后收听表单的submit事件，可能会禁用该函数。请看一看：如果您有足够的知识，vuelidate库是否可以用于这种类型的验证。