ZBLOG

要让 afterRetrofitRoomQuantity 不提示英文字母,需要在表单验证规则中添加一个新的规则来检查输入值是否为纯数字。

以下是修改后的代码示例:

  1. <template>
  2. <div>
  3. <el-form-item
  4. label="改造后房量(间)"
  5. prop="afterRetrofitRoomQuantity"
  6. :rules="[
  7. { required: true, message: '请输入本改造后房量(间)', trigger: 'blur' },
  8. { validator: validateNumber, trigger: 'blur' }
  9. ]"
  10. >
  11. <el-input
  12. v-model="form.afterRetrofitRoomQuantity"
  13. placeholder="请输入本改造后房量(间):"
  14. ></el-input>
  15. </el-form-item>
  16. </div>
  17. </template>
  18. <script>
  19. export default {
  20. data() {
  21. return {
  22. form: {
  23. afterRetrofitRoomQuantity: ''
  24. }
  25. };
  26. },
  27. methods: {
  28. validateNumber(rule, value, callback) {
  29. const reg = /^\d+$/;
  30. if (reg.test(value)) {
  31. callback();
  32. } else {
  33. callback(new Error('请输入有效的房量'));
  34. }
  35. }
  36. }
  37. };
  38. </script>

在上述代码中,我们添加了一个名为 validateNumber 的新方法作为验证函数。这个函数使用正则表达式 /^\d+$/ 来判断输入值是否只包含数字。如果输入值不符合纯数字的要求,将会返回一个错误提示信息。

通过这样修改,就可以实现在验证时不显示英文字母提示信息,并且确保用户只能输入有效的房量。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=18361

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?