BootstrapBlazor-ValidateForm 表单验证组件
1.【转载】NETCore Bootstrap Admin 通用后台管理权限 [2]: Blazor 版本介绍2.【转载】开源 一套 Blazor Server 端精致套件3.【转载】Bootstrap Blazor 组件介绍 Table (一)自动生成列功能介绍4.【转载】Bootstrap Blazor 组件介绍 Table (二)自定义模板列功能介绍5.BootstrapBlazor 组件库介绍6.BootstrapBlazor 组件库使用体验---Table篇7.Bootstrap Blazor 使用模板创建项目8.BootstrapBlazor-Table
9.BootstrapBlazor-ValidateForm 表单验证组件
10.BootstrapBlazor 智能生成神器(一)AutoGenerateColumnAttribute 特性介绍11.BootstrapBlazor - EditorForm 表单组件(一)12.BootstrapBlazor--Input 组件13.BootstrapBlazor 模板安装14.【转载】Bootstrap Blazor 组件介绍 Table (三)列数据格式功能介绍15.BA & Blazor 技术交流群16.Bootstrap Blazor 开源UI库介绍-Table 虚拟滚动行17.Bootstrap Blazor AutoComplete 自动完成 组件18.Bootstrap Blazor Table 组件(四)自定义列生成19.Bootstrap Blazor Table 组件(三)智能生成20.Bootstrap Blazor 模板使用(一)Layout 组件21.Bootstrap Blazor Timer 计时器组件22.Bootstrap Blazor Cascader 级联选择组件23.Blazor 组件通讯24.Bootstrap Blazor 组件库 Row 布局组件(栅格系统)25.Bootstrap Blazor Table 组件(二)手动刷新组件数据26.Blazor 生命周期27.Bootstrap Blazor Modal 模态框组件28.Bootstrap Blazor 组件介绍原文链接: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 属性
参数
|
说明
|
类型
|
可选值
|
默认值
|
---|---|---|---|---|
Model
|
表单组件绑定的数据模型,必填属性
|
object
|
—
|
—
|
ValidateAllProperties
|
是否检查所有字段
|
bool
|
true/false
|
false
|
ShowRequiredMark
|
表单内必填项是否显示 * 标记
|
bool
|
true/false
|
true
|
ShowLabelTooltip
|
鼠标悬停标签时显示完整信息
|
bool?
|
true/false/null
|
null
|
ChildContent
|
子组件模板实例
|
RenderFragment
|
—
|
—
|
OnValidSubmit
|
表单提交时数据合规检查通过时的回调委托
|
EventCallback<EditContext>
|
—
|
—
|
OnInvalidSubmit
|
表单提交时数据合规检查未通过时的回调委托
|
EventCallback<EditContext>
|
—
|
—
|
Methods 方法
参数
|
说明
|
参数
|
返回值
|
---|---|---|---|
SetError
|
设置验证失败方法
|
PropertyName, ErrorMessage
|
—
|
本文来自博客园,作者:一事冇诚,转载请注明原文链接:https://www.cnblogs.com/ysmc/p/16082279.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战