javascript表单验证单选按钮

时间:2013-08-27 02:24:39

标签: javascript html forms validation javascript-events

我尝试在带有单选按钮的表单上进行一些验证。我可以让文本元素正常工作,但单选按钮似乎不喜欢我。

function validateAll(theForm)
    {   
        var err=0;
        var fields;
        for (var i=0; i<theForm.elements.length; i++)
        {

            fields =theForm.elements[i];
            if(fields.type == "text" || fields.type == "textarea")
            {
                if(fields.value == "" || fields.value == null){

                err++;
                validateText(fields.id);

            }
                }

            else if(fields.type == "radio"){


                validateRadio(fields)

            }
        }
        if(err > 0){return;}else{document.myform.submit();}
}


function validateText(id)
    {

    var x=document.forms["myForm"][id].value;
if (x==null || x=="")
  {
  var text = id+"Text";
  document.getElementById(text).style.visibility ="visible";
    return;
  }else {

     var text = id+"Text";
  document.getElementById(text).style.visibility="hidden";
      return;

      }


    }

    function validateRadio(radios)
    {

        var id = radios.id;
        var text;
        for (i = -1; i < radios.length; ++i)
    {
        if (radios[i].checked) {

        text = id+"Text";
        document.getElementById(text).style.visibility="hidden";
        return true
    }}

    text = id+"Text";
    alert(text);
  document.getElementById(text).style.visibility ="visible";
    return false;


    }

我只是用输入按钮调用它。关于它为什么不起作用的任何想法?它将文本设置为find但不能将其关闭。

0 个答案:

没有答案