必需的单选按钮-JavaScript验证

问题描述

| 我对JavaScript一无所知。 我必须将一组两个单选按钮添加到HTML表单，其值分别为“是”和“否”。 现在，我需要将它们设为“必需” 表单和这段JavaScript中还有其他几个必填字段：

    <SCRIPT LANGUAGE=\"JavaScript\">
<!--
reqd_fields = new Array();
reqd_fields[0] = \"name\";
reqd_fields[1] = \"title\";
reqd_fields[2] = \"company\";
reqd_fields[3] = \"address\";
reqd_fields[4] = \"city\";
reqd_fields[5] = \"state\";
reqd_fields[6] = \"zip\";
reqd_fields[7] = \"phone\";
reqd_fields[8] = \"email\";
reqd_fields[9] = \"employee\";

function validate(form_obj) {
  if (test_required && !test_required(form_obj)) {
    return false;
  }

这是别人做的，不是我做的。 我所做的只是将字段添加到此数组中，如下所示：

reqd_fields[10] = \"acknowledge\";

但是，它似乎不起作用。 请指导我，因为我对JavaScript完全一无所知。     

解决方法

链接到您的页面或HTML示例将使此操作变得更容易，但我冒昧地猜测一下，说数组中的值与单选按钮元素的\“ name \”属性匹配。 如果是这种情况，\“ acknowledge \”应该是两个单选按钮的名称，并且为了使事情变得简单，应该将属性\“ checked \”设置为\“ true \”，所以有一个默认值，因此您两种方式都会获得价值。 因此，如下所示：

<input type=\"radio\" name=\"acknowledge\" value=\"yes\" /> Yes <br/>
<input type=\"radio\" name=\"acknowledge\" value=\"no\" checked=\"true\" /> No <br/>

    ,您为什么不只默认选择一个，然后总会选择一个呢？     ,在没有看到HTML和validate函数的更多上下文的情况下，不清楚您要查找的是什么，但这是如何从无线电组中选择选定值的示例：

<form name=\"form1\">
  <input type=\"radio\" name=\"foo\"> Foo1<br/>
  <input type=\"radio\" name=\"foo\"> Foo2<br/>
</form>
<script type=\"text/javascript\">
  var oneFooIsSelected = function() {
    var radios = document.form1.foo,i;
    for (i=0; i<radios.length; i++) {
      if (radios[i].checked) {
        return true;
      }
    return false;
  };
</script>

这是jsFiddle上的工作示例。     ,我知道问题很古老，但这是一个可行的简单解决方案。

<script type=\"text/javascript\">
function checkForm(formname)
{
if(formname.radiobuttonname.value == \'\') {
alert(\"Error: Please select a radio button!\");
return false;
}
document.getElementById(\'submit\').value=\'Please wait..\';void(0);
return true;
}
</script>

<form name=\"formname\" onsubmit=\"return checkForm(this)\"

<input type=\"radio\" value=\"radio1\" name=\"radiobuttonname\" style=\"display:inline;\"> Radio 1<br>
<input type=\"radio\" value=\"radio2\" name=\"radiobuttonname\" style=\"display:inline;\"> Radio 2<br>

<input type=\"submit\" value=\"Submit\">
</form>

    ,我总是建议使用jQuery validate似乎比尝试重新发明轮子更好