BootstrapBlazor-ValidateForm 表单验证组件

本文主要是介绍BootstrapBlazor-ValidateForm 表单验证组件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

原文链接：https://www.cnblogs.com/ysmc/p/16082279.html

　　故名思意，这个组件的作用我就不再多说了，配合 AutoGenerateColumnAttribute 特性食用更佳，BootstrapBlazor 智能生成神器（一）AutoGenerateColumnAttribute 特性介绍 - 一事冇诚 - 博客园 (cnblogs.com)

组件说明：

• ValidateForm 组件支持异步设置 Model 值
• 表单事件为 OnValidSubmit OnInvalidSubmit
• Model 参数为必填项不允许为空
• 表单内可以放置多个按钮，通过设置 ButtonType='ButtonType.Submit' 参数是否提交表单
• 客户端验证机制支持模型的 Required 标签，通过设置 ErrorMessage 参数设置提示信息，未设置时使用默认的英文提示信息
• 表单默认检查表单内绑定字段值是否合法，如需要检查模型所有字段时可设置 ValidateAllProperties 属性值为 true
• 通过设置提交按钮 Button 属性 IsAsync 值，设置异步提交表单
• 表单内组件控件的值修改后 OnFieldChanged 方法被调用

注意事项：

• 表单内组件通常用法都是使用双向绑定技术对 Model 的属性值进行双向绑定，当其值改变时会导致所在组件 StateHasChanged 方法被调用，即其所在组件或者页面进行刷新重新渲染
• 组件前置标签默认宽度为 120px 六个汉字，如需要更多汉字请在项目样式文件中更改样式变量 --bs-row-label-width 即可，或者设置表单显示标签在组件上方

Attributes 属性

Methods 方法

这篇关于BootstrapBlazor-ValidateForm 表单验证组件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！