Vant-UI 表单组件（Field组件）：验证表单元素&&表单提交 - 踩坑篇

Vant-UI 表单组件（Field组件）：验证表单元素&&表单提交：

---

示例截图 · 如下：

示例 · 详细代码 · 如下：

---

vant为什么本人不使用

标签提交表单？

• 因为使用了 之后，
  内的都会有提交表单的功能。
• 当然，这不是我们所需要的。

vant-ui表单不需要使用form标签，也可以获取表单元素的值

获取表单值方法？

• data (){}内部return 定义了数据之后，
• 再次在自定义的函数内作为定义的参数引入，
• 然后调用this.定义对象，就可以获取你需要的值。

具体查看上述代码。

表单如何自定义验证？

在自定义的函数内，获取了你需要的值之后，你就可以自定义if (验证条件){}校验验证规则进行数据筛选与验证了。

if 的(验证条件)就是指：正则表达式或者 其他自定义验证规则。
.
这里不再赘述详细规则，可自定义或引用第三方验证插件。
.

具体查看上述代码。

表单如何提交？

获取到了表单的值，可以拼接成string字符串，直接使用：

 提交表单 

进行表单提交。

具体查看上述代码。

具体提交方式，以及提交的数据格式、类型，可以根据项目需求，自定义方式和格式。
这里不再赘述。

---

以上就是关于“ Vant-UI 表单组件（Field组件）：验证表单元素&&表单提交 - 踩坑篇 ” 的全部内容。