iview的自定义表单校验,valid显示undefined

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview的自定义表单校验,valid显示undefined相关的知识,希望对你有一定的参考价值。

参考技术A iview自定义表单校验的规则如下

其实上面的内容不是重点,iview官网上就可以搜到教程。重点在于在校验的定义中,只能包含校验的内容,而不要只去做form中对应值的判断。例如

这里的pwdLength只是随便举一个例子,在这一个if的分支语句中,只是一个简单的赋值,并未牵涉到校验的内容。看似无伤大雅,然而却在后续的整个表单的校验使得valid的值为undefined,表单校验始终无法通过。

解决办法有二:

jQuery表单校验

主要特性:
  • 表单提交前对所有数据进行校验,不符合不让提交(validate)
  • 如果表单校验不通过,自动focus到第一个错误的域
  • 自动在控件后面显示错误提示内容(error message)
  • 支持根据name和class进行校验(rule,addClassRules)
  • 支持远程校验(remote)
  • 容易扩展:可以方便地自定义校验规则和提示语(addMethod)
  • 支持自定义提交方式,比如AJAX方式提交(submitHandler)

以上是关于iview的自定义表单校验,valid显示undefined的主要内容,如果未能解决你的问题,请参考以下文章

【React】antd的form表单的自定义校验规则的用法

vue 表单验证 async-validator: ["xxx is not a string"]

iview表单验证--数字必填+校验

Jquery Validate 默认校验规则及常用的自定义验证规则

jQuery validate 设置失去焦点就校验和失去焦点就表单校验是否通过

springboot 验证表单数据并实现数据的自定义验证