除非我遗漏了什么,否则这似乎是Chrome中的一个错误.
这里有三种形式,每种形式有两个无线电元素 如果没有required属性,则表单上的checkValidity()将返回true,如预期的那样.当存在必需属性时,表单上的checkValidity()将返回false,如预期的那样.
但是,当使用JavaScript删除所需的属性时,checkValidity()将返回false.这不是我所期望的.任何解释/解决方法赞赏!这在Safari和Firefox中正常工作,在Chrome中不起作用.
console.log('Valid form: ' + document.getElementById('validForm').checkValidity());
console.log('Invalid form: ' + document.getElementById('invalidForm').checkValidity());
//document.getElementById('rad1').required = false; //Neither this nor below work
//document.getElementById('rad2').required = false;
document.getElementById('rad1').removeAttribute('required');
document.getElementById('rad2').removeAttribute('required');
console.log('Should be valid form: ' + document.getElementById('shouldBeValidForm').checkValidity());<form id="validForm">
<input type="radio" name="my radio 1" value="option 1">
<input type="radio" name="my radio 1" value="option 2">
</form>
<form id="invalidForm">
<input type="radio" name="my radio 2" value="option 1" required>
<input type="radio" name="my radio 2" value="option 2" required>
</form>
<form id="shouldBeValidForm">
<input id="rad1" type="radio" name="my radio 3" value="option 1" …