HTML5输入类型“required”在没有表单的情况下是否有效？

Question

我想使用：HTML 5 的必填属性。

例如：

<input type='text' required>

只有在表单中使用输入类型才有效。我能否不使用表单，然后通过JavaScript调用某种验证方法？

更多反馈评论：

我有...

    <input id='name' type='text' required>
    <input id='surname' type='text' required>
    <input id='send' type='button' onclick ='send()'>

    function send() {
       if (document.getElementById('name').value == '') { alert('missing name'); return }
       if (document.getElementById('surname').value == '') { alert('missing surname'); return }

       // logic now...

    }

我想要改变检查输入参数并发送警报的部分，通过使用HTML 5。

- Zo72

---

你能贴出更多的代码来更好地解释你想要实现什么吗？ - beefyhalo

如果没有表单提交，那么验证应该在什么时候进行？ - JJJ

你是否正在使用AJAX发送输入的值？ - Moin Zaman

Answer 1

抱歉，我无法将文本翻译为中文。

document.getElementById('your_input_id').validity.valid

动态检查字段的有效性。

- RReverser

---

顺便提一下，如果你想知道为什么这个字段无效，你可以在有效性对象中检查其他值。 - RReverser

document.getElementById('your_input_id').validity.valid 的作用是返回“true”或“false”，但它不会显示提示信息（例如“必填项”）或将焦点聚焦在缺少参数的文本框上。 - Zo72

@lorenzo72 我认为你想在JS中检查字段并实现自己的处理程序（工具提示或类似）。你不能做你想做的事情。你应该将你的元素包装到表单中或者实现自己的处理程序。 - RReverser

Answer 2

首先，“required”属性会在“提交”事件触发时被触发，所以，我猜，没有表单 - 没有任何提交。其次，为什么会有表单问题？

- YuS

---

提交会重新加载页面。 - jade290

Answer 3

使用“required”属性，只有在提交表单时才会起作用。

- Riz