21 lines
1.2 KiB
Markdown
21 lines
1.2 KiB
Markdown
|
---
|
|||
|
|
title: 表单验证提交思路
|
|||
|
|
sTitle: 常见问题
|
|||
|
|
order: 20
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
表单验证提交有非常多的做法，因为数据全部是联通的，或者直接写个表单组件也可以。
|
|||
|
|
|
|||
|
|
在不使用表单组件时，简单的做法是为每个输入组件做个验证函数与提交函数。
|
|||
|
|
|
|||
|
|
这样是否验证就取决于用户的选取，而抛出的输入可以让用户选择放到哪，并由用户去命名变量。
|
|||
|
|
|
|||
|
|
在点击提交按钮时，调用所有组件的验证函数与提交函数，使其抛给上下文，再通过上下文聚合函数聚合成对象，最后可以通过发送函数发送给对应后端，从而完成整个流程。你可以在example中试下这个demo。
|
|||
|
|
|
|||
|
|
如果操作人员能看懂后端提供的接口文档，那么就可以让操作人员自己通过命名来拼出后端想要的字段。
|
|||
|
|
|
|||
|
|
如果不需要文档，那么某些值也可以在开发时写死。
|
|||
|
|
|
|||
|
|
另外的做法是可以专门写个提交按钮，固定了参数，以及部分规则，比如规定在页面中的所有表单都会被收集提交。
|
|||
|
|
|
|||
|
|
那么我们可以利用数据源，将所有表单输出内容自动提交给数据源，最后的提交按钮按数据源规定格式的key提取，发送给后端。
|