单选按钮的html&js vadilation

Question

大家好，我正在尝试验证单选按钮。 一旦提交而不单击按钮，它将是文本输入旁边的红色警告文本，如此图像

代码在下面，如果有人解决此问题，我将不胜感激。

<html>
<head>
  <link rel ="stylesheet" type="text/css" href="456.css">

  <meta charest ="utf-8">
  <title>error-msg will not display correctly at the same time</title>

  <script>
function validation(thisForm) {

 
    // other
    if(!thisForm.other.value.length)
    {
      document.getElementById('other-error').style.display= "inline-block";

    }
    else
    {
      document.getElementById('other-error').style.display= "none";

    }
    
            
    
  if (!thisForm.other.value.length) {
    return false;
  }
  return true;
}
  </script>
  <style> 
  .error-msg {
  display: none;
  color:red;
  border: 1px solid;
  width: 120px;
  margin-left: 10px;

}
  </style>
</head>
  <body>
    <form action="#" onSubmit="return validation(this);">

  <fieldset>

    <div class="Other">
      <label for="other">Other</label>
      <input type="radio" id="other" name="other" /> 
      <input type="text" id="o-text" name="o-text">
      <span class="error-msg" id="other-error">other error</span>
    </div>

  </fieldset>

  <input type="submit" name="submit" value="submit" />

</form>
  </body>
</html>```

Answer 1

您可以检查已检查的属性。

if(document.getElementById("yourRadiobuttonID").checked==false){
 document.getElementById('other-error').style.display= "inline-block";
}
else{
document.getElementById('other-error').style.display= "none";
}

单选按钮的html&js vadilation

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-08-18 09:42:52

单选按钮的html&amp;js vadilation

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-08-18 09:42:52

单选按钮的html&js vadilation

解决方案1
0 已采纳 2020-08-18 09:42:52