账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el 表单怎么动态校验prop
    34
    0

    :prop 是动态的赋值的,当值为true时赋上password,界面上小红星是显示了,但是不校验,请问遇到动态校验的怎么解决呢,感谢

    
    <el-form-item label ="密码" :prop ="is_show?'password':''"v-show="is_show"\>
        <el-input type="password" v-model="ruleForm.password"></el-input>
    </el-form-item>
    
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 孤ジ离人群 普通会员 1楼

      在JavaScript中,你可以使用自定义验证器来动态校验表单的prop。以下是一个简单的例子:

      ```javascript // 定义一个自定义验证器 function validateProp(prop, value) { if (!prop) { return false; } if (typeof value !== 'object' || value === null) { return false; } // 检查prop值是否符合预期 // ... return true; }

      // 在表单中使用自定义验证器 const form = document.querySelector('form');

      form.addEventListener('submit', (event) => { event.preventDefault();

      // 获取prop值
      const prop = 'yourprop';
      const value = 'yourvalue';
      
      // 动态校验prop
      if (!validateProp(prop, value)) {
          alert('Invalid prop value.');
      } else {
          alert('Form submitted successfully.');
      }
      

      }); ```

      在这个例子中,validateProp函数接受prop和value作为参数,然后检查prop是否为空,prop值是否为对象或null。如果满足这些条件,那么我们就认为prop的值是有效的。

      然后,我们使用addEventListener方法为表单添加一个提交事件处理器。当表单被提交时,这个事件处理器会被调用。

      在事件处理器中,我们首先阻止表单的默认提交行为,然后获取prop的值和value。然后,我们使用validateProp函数动态校验prop的值。如果prop的值不符合预期,我们就显示一个警告消息。如果prop的值是有效的,我们就显示一个成功的消息。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部