局部重载保留表单值及表单验证相关技术问询

当然可以实现自动保留并回填用户已录入的表单值，但确实需要在Ajax请求中传入现有已填写的值，由Partial视图负责渲染回填。原因很简单：每次通过Ajax请求获取的Partial视图是后端重新生成的全新片段，后端并不知道前端当前已输入的内容——除非你主动把这些数据传过去。

具体的实现思路大概是这样：

• 监听下拉框变更事件时，先遍历页面上现有的学生信息输入项，把已填写的姓名、学号等数据收集成一个数组或对象；
• 在Ajax请求的data参数里带上这些收集到的数据；
• 后端Action接收这些数据，赋值给对应的视图模型（比如一个包含多个学生信息的列表属性）；
• 返回Partial视图时，视图会基于这个带有已填值的模型渲染输入项，自然就完成了回填。

另外也可以考虑前端先暂存数据，等Partial加载完成后手动回填，但这种方式在涉及复杂表单结构或后端验证状态时，不如后端传值的方式可靠，尤其是当你需要和后端的验证逻辑联动时，后端带值返回的Partial能更准确地保持表单状态。

只要处理得当，内置注解验证不会引发异常行为，但需要注意几个细节：

1. 重新初始化客户端验证：每次通过Ajax替换Partial后，新添加的输入项没有绑定客户端验证事件。你需要在Ajax成功的回调函数里，调用$.validator.unobtrusive.parse('#your-form-container-id')，让验证脚本重新解析新的表单元素，这样新输入项才能触发客户端验证。
2. 保留验证状态：如果之前的表单已经触发过后端验证（比如提交过一次有错误的表单），在Ajax请求时要把ModelState的验证状态也传递给后端，或者确保Action在返回Partial时，视图模型的ModelState是正确的。这样渲染出来的Partial才能包含之前的验证错误提示，不会丢失验证状态。
3. 确保模型绑定正确：后端Action接收的学生信息列表要和视图模型的结构匹配，这样内置注解的验证规则才能正确作用于每个输入项，不会出现验证规则失效的情况。

如果忽略这些细节，可能会出现新输入项不触发验证、旧验证错误丢失等问题，但这不是内置注解本身的问题，而是实现过程中没有处理好动态表单的验证初始化和状态保留。

内容的提问来源于stack exchange，提问作者BVernon