- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我正在 ASP.NET Core 中创建这个小项目,我已经编写了一个 WEB API,但我正在努力使用 Blazor 中的前端来使用该 API。 POST、GET HTTP 请求效果很好。我有一个 Razor 页面,我在其中放入了一些数据(姓名、家庭姓名等),然后单击“发送”,将数据发布到 API。
当涉及到该表单时,有一些验证:
姓名 – 至少 5 个字符
FamilyName – 至少 5 个字符
地址 – 至少 10 个字符
电子邮件地址 – 必须是有效的电子邮件
年龄 - 必须在 20 至 60 岁之间
这一切都在这里使用 DataAnnotations 完成:
using System.ComponentModel.DataAnnotations;
namespace Blazor.Data
{
public class Applicant
{
public int Id { get; set; }
[MinLength(5, ErrorMessage ="Name must contain atleast 5 characters.")]
public string Name { get; set; }
[MinLength(5, ErrorMessage ="Family Name must contain atleast 5 characters.")]
public string FamilyName { get; set; }
[MinLength(10,ErrorMessage ="Address must contain atleast 10 characters.")]
public string Address { get; set; }
public string CountryOfOrigin { get; set; }
[EmailAddress(ErrorMessage ="E-Mail adress is not valid.")]
public string EmailAddress { get; set; }
[Range(20,60,ErrorMessage ="Age must be between 20 and 60.")]
public int Age { get; set; }
public bool Hired { get; set; }
}
}
在 Razor 页面中,我有一个表格需要填写,然后发送到 API,如下所示:
@page "/postapplicant"
@using Blazor.Data
@using System.Web
@inherits ApplicantCreateBase
<h1>Create an Applicant</h1>
<p>This component demonstrates posting a data to a Web API.</p>
<EditForm Model="@Applicant" OnValidSubmit="@SendValid">
<DataAnnotationsValidator />
<ValidationSummary />
<hr />
<div class="form-group row">
<label for="Name" class="col-sm-2 col-form-label">
First Name
</label>
<div class="col-sm-10">
<InputText id="Name" class="form-control" placeholder="First Name"
@bind-Value="Applicant.Name" />
<ValidationMessage For="@(() =>Applicant.Name)" />
</div>
</div>
<div class="form-group row">
<label for="FamilyName" class="col-sm-2 col-form-label">
Family Name
</label>
<div class="col-sm-10">
<InputText id="FamilyName" class="form-control" placeholder="Family Name"
@bind-Value="Applicant.FamilyName" />
<ValidationMessage For="@(() =>Applicant.FamilyName)" />
</div>
</div>
<div class="form-group row">
<label for="Address" class="col-sm-2 col-form-label">
Address
</label>
<div class="col-sm-10">
<InputText id="Address" class="form-control" placeholder="Address"
@bind-Value="Applicant.Address" />
<ValidationMessage For="@(() =>Applicant.Address)" />
</div>
</div>
<div class="form-group row">
<label for="CountryOfOrigin" class="col-sm-2 col-form-label">
Country
</label>
<div class="col-sm-10">
<InputSelect id="CountryOfOrigin" class="form-group" placeholder="Country Of Origin"
@bind-Value="Applicant.CountryOfOrigin">
@foreach (var item in Countries)
{
<option>@item.Title</option>
}
</InputSelect>
</div>
</div>
<div class="form-group row">
<label for="EMailAddress" class="col-sm-2 col-form-label">
E-Mail Address
</label>
<div class="col-sm-10">
<InputText id="EMailAddress" class="form-control" placeholder="E-Mail Address"
@bind-Value="Applicant.EmailAddress" />
<ValidationMessage For="@(() =>Applicant.EmailAddress)" />
</div>
</div>
<div class="form-group row">
<label for="Age" class="col-sm-2 col-form-label">
Age
</label>
<div class="col-sm-10">
<InputNumber id="Age" class="form-control" placeholder="Age"
@bind-Value="Applicant.Age" />
<ValidationMessage For="@(() =>Applicant.Age)" />
</div>
</div>
<div class="form-group row">
<label for="Hired" class="col-sm-2 col-form-label">
Hired
</label>
<div class="col-md-1">
<InputCheckbox id="Hired" class="form-control" placeholder="Hired"
@bind-Value="Applicant.Hired" />
</div>
</div>
<button class="btn btn-primary" type="submit">Send</button>
<button class="btn btn-secondary" type="button" @onclick="Reset_Click">Reset</button>
</EditForm>
<Confirm ConfirmationChanged="ConfirmReset_Click" @ref="ResetConfirmation"></Confirm>
一切正常且按预期运行,但我希望仅当整个表单根据我上面列出的规则有效时才启用发送按钮。我知道您可以在按钮中使用这个禁用的属性,但我不知道如何正确实现它。在 C#/.net 核心中看起来像这样一团糟。从头开始编写 web api 更容易。帮助将不胜感激,谢谢!
最佳答案
您可以访问 EditForm
的上下文:
<button class="btn btn-primary" type="submit" disabled="@(!context.Validate())">Send</button>
关于c# - Blazor 中的禁用/启用按钮 - 取决于表单中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63770011/
#include using namespace std; class C{ private: int value; public: C(){ value = 0;
这个问题已经有答案了: What is the difference between char a[] = ?string?; and char *p = ?string?;? (8 个回答) 已关闭
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗?通过 editing this post 添加详细信息并澄清问题. 已关闭 7 年前。 此帖子已于 8 个月
除了调试之外,是否有任何针对 c、c++ 或 c# 的测试工具,其工作原理类似于将独立函数复制粘贴到某个文本框,然后在其他文本框中输入参数? 最佳答案 也许您会考虑单元测试。我推荐你谷歌测试和谷歌模拟
我想在第二台显示器中移动一个窗口 (HWND)。问题是我尝试了很多方法,例如将分辨率加倍或输入负值,但它永远无法将窗口放在我的第二台显示器上。 关于如何在 C/C++/c# 中执行此操作的任何线索 最
我正在寻找 C/C++/C## 中不同类型 DES 的现有实现。我的运行平台是Windows XP/Vista/7。 我正在尝试编写一个 C# 程序,它将使用 DES 算法进行加密和解密。我需要一些实
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭 1
有没有办法强制将另一个 窗口置于顶部? 不是应用程序的窗口,而是另一个已经在系统上运行的窗口。 (Windows, C/C++/C#) 最佳答案 SetWindowPos(that_window_ha
假设您可以在 C/C++ 或 Csharp 之间做出选择,并且您打算在 Windows 和 Linux 服务器上运行同一服务器的多个实例,那么构建套接字服务器应用程序的最明智选择是什么? 最佳答案 如
你们能告诉我它们之间的区别吗? 顺便问一下,有什么叫C++库或C库的吗? 最佳答案 C++ 标准库 和 C 标准库 是 C++ 和 C 标准定义的库,提供给 C++ 和 C 程序使用。那是那些词的共同
下面的测试代码,我将输出信息放在注释中。我使用的是 gcc 4.8.5 和 Centos 7.2。 #include #include class C { public:
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
我的客户将使用名为 annoucement 的结构/类与客户通信。我想我会用 C++ 编写服务器。会有很多不同的类继承annoucement。我的问题是通过网络将这些类发送给客户端 我想也许我应该使用
我在 C# 中有以下函数: public Matrix ConcatDescriptors(IList> descriptors) { int cols = descriptors[0].Co
我有一个项目要编写一个函数来对某些数据执行某些操作。我可以用 C/C++ 编写代码,但我不想与雇主共享该函数的代码。相反,我只想让他有权在他自己的代码中调用该函数。是否可以?我想到了这两种方法 - 在
我使用的是编写糟糕的第 3 方 (C/C++) Api。我从托管代码(C++/CLI)中使用它。有时会出现“访问冲突错误”。这使整个应用程序崩溃。我知道我无法处理这些错误[如果指针访问非法内存位置等,
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 7 年前。
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,因为
我有一些 C 代码,将使用 P/Invoke 从 C# 调用。我正在尝试为这个 C 函数定义一个 C# 等效项。 SomeData* DoSomething(); struct SomeData {
这个问题已经有答案了: Why are these constructs using pre and post-increment undefined behavior? (14 个回答) 已关闭 6
我是一名优秀的程序员,十分优秀!