验证表单:如果未选中单选按钮，则显示错误消息Javascript
验证表单:如果未选中单选按钮，则显示错误消息Javascript
提问于 2018-06-20 05:28:13
如果复选框未选中，我将尝试显示错误消息。
我的解决方案不起作用。请看下面的内容。不知道怎么检查这个。
<input type="radio" name="comm">Yes
<input type="radio" name="comm">No
<div id="error_message"></div>
<button id="btn">Submit</button>
document.getElementById("btn").addEventListener("click", function(event){
event.preventDefault();
myFunction();
});
function myFunction() {
var errortxt = "";
var radios = document.getElementsByName('comm');
for(var i = 0; i < radios.length; i++) {
if (radios[i].checked = false) {
errortxt = "Error text";
} else {
errortxt = "";
}
}
document.getElementById("error_message").innerHTML = "<p>" + errortxt + "</p>";
}回答 2
Stack Overflow用户
发布于 2018-06-20 05:49:22
你犯了一个错误，但你的想法是正确的，我确实用正确的synthax更新了你的代码片段。
=用于为javascript中的变量赋值。
JavaScript中有两个用于比较值的运算符:严格相等===和“正常”(或宽松)相等==。
请参阅http://2ality.com/2011/06/javascript-equality.html
for(const radio of radios){
if(!radio.checked){
errortxt = "Error text";
break; // this will break the loop when a radio is not checked (will save precious time !)
}
}
document.getElementById("btn").addEventListener("click", function(event){
event.preventDefault();
myFunction();
});
function myFunction() {
var errortxt = "";
var radios = document.getElementsByName('comm');
for(const radio of radios){
if(!radio.checked){
errortxt = "Error text";
break;
}
}
document.getElementById("error_message").innerHTML = "<p>" + errortxt + "</p>";
}<input type="radio" name="comm">Yes
<input type="radio" name="comm">No
<div id="error_message"></div>
<button id="btn">Submit</button>
Stack Overflow用户
发布于 2021-06-15 00:16:05
只需在HTML中使用required就可以解决此问题
如下所示：
<input type="radio" name="comm" required>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50937199
复制相关文章
相似问题
腾讯云开发者
