Question

我遇到的情况是，如果表格中只填写了两个必填字段中的一个，那么它应该提交表格。不幸的是，如果我在这两个字段上放置required，它会等待它们都被填入。这可以不使用JS吗？我知道这几乎是不可能的，虽然不知道任何有关它的隐藏功能？

Answer 1

这可以不使用JS吗？

不，您需要JavaScript来进行验证客户端。

Answer 2

解决方案需要JS，但很简单 - 只需根据元素中的任何一个是否具有值来切换元素的.required属性：

＆＃13;

var t1 = document.getElementById('test1');
var t2 = document.getElementById('test2');

function toggleRequired() {
    t2.required = (t1.value.trim() === '');
    t1.required = (t2.value.trim() === '');
}

t1.addEventListener('change', toggleRequired, false);
t2.addEventListener('change', toggleRequired, false);

＆＃13;

<form>
    <input name="test1" id="test1" required />
    <br/>
    <input name="test2" id="test2" required />
    <br/>
    <input type="submit" />
</form>

＆＃13;

Answer 3

你也可以将它放入一个div中。它确实对我有用。

<form>
  <div class=question>
    <input id="field1_1" name="field1" required>
    <input id="field1_2" name="field1" required>
    <input type="submit" />
  </div>
</form>

需要||需要的HTML5表格

3 个答案: