required 相关问题

我正在创建此表单，但是当我单击“创建任务”按钮时，所需的属性将被忽略。我正在使用 innerHTML 和创建表单：我正在创建此表单，但是当我单击“创建任务”按钮时，所需的属性将被忽略。我正在使用innerHTML 创建表单，并且： <form id="task-form"> <label for="task-title">Title:</label> <input type="text" id="task-title" name="task-title" required> <label for="task-date">Due date:</label> <input type="date" id="task-date" name="task-date" required> <label for="task-description">Description:</label> <textarea name="task-description" id="task-description" required></textarea> <label for="checkbox">Add to a project?</label> <input type="checkbox" name="checkbox" id="checkbox"> <label for="task-priority">Priority:</label> <select name="task-priority" id="task-priority" required> <option value="Low">Low</option> <option value="Medium">Medium</option> <option value="High">High</option> </select> <button type="submit" id="create-task-btn">Create Task</button> </form>``` Also the console give me one warning saying: "Form submission canceled because the form is not connected" 因为您要动态添加创建侦听器所需的表单 // Create the form element and set its properties const form = document.createElement('form'); form.id = 'task-form'; // Create and append the form's content form.innerHTML = ` <label for="task-title">Title:</label> <input type="text" id="task-title" name="task-title" required> <label for="task-date">Due date:</label> <input type="date" id="task-date" name="task-date" required> <label for="task-description">Description:</label> <textarea name="task-description" id="task-description" required></textarea> <label for="checkbox">Add to a project?</label> <input type="checkbox" name="checkbox" id="checkbox"> <label for="task-priority">Priority:</label> <select name="task-priority" id="task-priority" required> <option value="Low">Low</option> <option value="Medium">Medium</option> <option value="High">High</option> </select> <button type="submit" id="create-task-btn">Create Task</button> `; // Append the form to the document const formContainer = document.getElementById('form-container'); formContainer.appendChild(form); // Add an event listener for form submission form.addEventListener('submit', function (event) { event.preventDefault(); // Prevent the default form submission behavior // Your form submission logic here }); <div id="form-container"></div>

javascript html forms input required

回答 1 投票 0

有没有办法以角度有条件地设置所需的输入？

我想要实现的是仅在给出另一个输入时才需要组件/指令输入，例如： @Input() 名称!:字符串; @Input({ required: name!!}) surname!:string; 这是吗

angular input components directive required

回答 2 投票 0

根据需要通过 JavaScript 以模型驱动应用程序的形式定义可编辑网格内的字段

我想根据需要以与模型驱动应用程序相同的形式在多个可编辑网格中定义多个列。这背后的意义是，我们有 2 个不同的模型驱动应用程序，用于 2 个差异......

javascript dynamics-crm crm powerapps required

回答 2 投票 0

jsonschema 验证所需和/或有条件需要的属性

我需要验证一个始终具有 2 个属性的 json 对象：类型姓名类型可以是“A”、“B”或“C”，当类型为“A”时，属性“foo”也是必需的，并且没有其他属性可供使用...

properties conditional-statements option-type jsonschema required

回答 3 投票 0

playwright-test：测试是否需要输入

我需要输入登录表单：我需要输入登录表单： <input autoComplete="email" defaultValue={email} disabled={state === 'submitting'} id="email" name="email" placeholder={t('user-authentication:email-placeholder')} required // HERE! type="email" /> 如何测试 Playwright 是否需要输入？我在 Chromium 中的本机浏览器警告是：“请填写此字段。” 有没有办法在 Playwright 中检查/断言此警告？或者另一种方法来测试是否需要输入？我尝试使用 .fill('') 在输入中不写入任何内容，然后使用 page.keyboard.press('Enter') 按 Enter 键，但这些并没有导致出现警告。如果消息是由浏览器显示的，而不是添加到 DOM 中的内容，那么您将很难直接在 Playwright 中测试它。您可以检查 required 属性是否存在，并相信浏览器将显示警告。 await page.locator('input#email[required]') 还有一个约束验证您可以应用如果该元素是必需的，并且该元素的值为空字符串，则该元素将遭受 valueMissing 的影响，并且该元素将匹配 :invalid 伪类。 await page.locator('input#email[required]:invalid') 可以但不建议测试。这是工作代码： import { expect, test} from '@playwright/test'; test('has error message presented', async ({ page }) => { await page.goto('https://q94u5.csb.app/'); const email = page.getByRole('textbox') const submit = page.getByRole('button', { name: 'Submit' }); await email.fill('x'); await submit.click(); const error = page.locator('input:invalid'); const validationMessage = await error.evaluate((element) => { const input = element as HTMLInputElement return input.validationMessage }) expect(validationMessage).toContain("Please include an '@' in the email address. 'x' is missing an '@'.") }); 在此处阅读有关内置验证的更多信息： https://www.w3.org/WAI/tutorials/forms/validation/

playwright required html-input playwright-test

回答 2 投票 0

Angular Material 单选按钮组需要验证不起作用

我试图在用户单击“提交”时验证单选按钮组。文本字段和下拉列表在无效时显示红色，但单选按钮颜色在无效时不会更改。有什么建议吗？...

angular validation radio-button angular-material2 required

回答 2 投票 0

如何通过反射读取C# 11中所需的属性

在 C# 11 中，Microsoft 引入了字段和属性所需的属性作为类的成员。我需要在反射中读取这个属性。我该怎么做？例如，在 C1 类和 P1 属性中...

c# reflection properties required

回答 1 投票 0

如何通过反射读取c# 11中的required属性

在 c# 11 中，微软确定字段和属性所需的属性作为类的成员。我们需要在反射中读取这个属性。我该怎么办？例如在 C1 类和 prope...