1

我一直在尝试创建一个自定义元素 - 一个带有必需文本字段的表单。为此，我使用了来自快速基础、流畅按钮的 TextField 类和模板，我的自定义元素模板如下所示 -

<form onsubmit="event.preventDefault();console.log('Submitting the form');">
        <text-field
        required
        value=${(x) => x.first}
        @change=${(x, c) => {x.first = (<TextField>c.event.target).value;}}>
        ${(x) => x.firstLabel}</text-field>
    <action-button appearance="accent" type="submit">Submit</action-button>
</form>

动作按钮只是扩展了fluentButton。现在，当我单击按钮检查空输入的验证消息时，我在浏览器上收到一个错误 - An invalid form control with name='' is not focusable。

看起来浏览器无法专注于输入元素以在框旁边显示验证消息。我应该在这里做任何额外的工作吗？

4

0 回答 0