相关疑难解决方法(0)

Chrome中的以下代码未强制执行'00 .00'的模式,它允许任何格式的数字具有无限小数.使用输入类型"文本"时,模式工作正常,因此不确定这是否是"数字"问题？

任何建议赞赏.

<input type="number" step="1.00" min="0" pattern="\d+(\.\d{2})?" class="form-control" id="JobCost" name="jobcost">

的jsfiddle

我正在尝试使用EditForm.

出于某种原因，oninput如果使用InputText，似乎不会调用该事件，但它使用一个简单的input元素工作。

我错过了什么吗？

这是一个 HTML 示例：

<EditForm Model="@Model" OnValidSubmit="@OnValidSubmit" id="authorize">
    <h1 class="mb-3">
       <span class="d-block">Authorize</span>
    </h1>
    <DataAnnotationsValidator />
    <div class="form-group">
        <label class="sr-only" for="AuthorizeUsername">Username</label>
        <div class="input-group mb-2">
            <div class="input-group-prepend">
                <div class="input-group-text"><i class="fas fa-user"></i></div>
            </div>
            <InputText type="text" class="form-control" id="AuthorizeUsername" placeholder="Username" @bind-value="@Model.Username" @bind-value:event="oninput" />
        </div>
    </div>
    <div class="form-group">
        <label class="sr-only" for="AuthorizePassword">Password</label>
        <div class="input-group mb-2">
            <div class="input-group-prepend">
                <div class="input-group-text"><i class="fas fa-asterisk"></i></div>
            </div>
            <InputText type="password" class="form-control" id="AuthorizePassword" placeholder="Password" @bind-value="@Model.Password" @bind-value:event="oninput" />
        </div>
    </div>
    <div class="form-group">
        <ValidationSummary />
        <button …

拥有 BlazorEditForm和包含的InputTextArea（即多行文本框），我确实想在用户按Ctrl+时验证并提交表单Enter，就像他单击提交按钮一样。

我已经成功连接了键盘处理程序，如下所示：

<EditForm Model="@myModel" Format="g" OnValidSubmit="@Store" @ref="_editForm">
    <InputTextArea 
        onkeypress="@(async e => await myKeyPress(e))"
        @bind-Value="myModel.Foo" />
    <button type="submit">Store it</button>
</EditForm>

后面有这段代码：

private EditForm _editForm;

private async Task myKeyPress(KeyboardEventArgs key)
{
    if (key.CtrlKey && key.Code == @"Enter")
    {
        _editForm.??? // What to call here?
    }
}

不幸的是，我在 EditForm 类中没有看到可以调用来提交和验证表单的方法，就好像用户单击提交按钮一样。

我已经看过这个问题和这个问题但没有成功。

我的问题

如何以编程方式提交和验证 Blazor 表单？