• JavaScript验证页面上动态生成的Radio


    <script type="text/javascript">

      
    //Form提交前执行验证
         document.forms[0].onsubmit=function(){

      
    //获得DIV(ID:div_form_content_show)中所有的<Input>对像
          var inputs=document.getElementById("div_form_content_show").getElementsByTagName("input");

      
    //获得DIV(ID:div_form_content_show)中所有的<Textarea>对像
          var textareas=document.getElementById("div_form_content_show").getElementsByTagName("textarea");

       
    var radioname;
       
    var arrRadio = new Array();
       
          
    for(var i=0;i<inputs.length;i++)
          
    {

      
    //验证text
           if(inputs[i].type=="text")
           
    {
             
    if(inputs[i].value=="")
             
    {
              alert(
    "信息没有填写完整!");
              
    //inputs[i].style.backgroundColor="red";
              inputs[i].focus();
              
    return false;
             }

           }

           
    //获得页面上所有的radio
           else if(inputs[i].type=="radio")
           
    {
               
    //这里将所有的radio根据name分组,便于之后按组判断是否选中(一组选中一个即可)
               if (radioname !=inputs[i].name)
               
    {
                   arrRadio.push(inputs[i].name);
                   radioname 
    =inputs[i].name
               }

           }
      
          }

          
    //验证textarea
          for(var i=0;i<textareas.length;i++){
           
    if(textareas[i].value=="")
           
    {
            alert(
    "信息没有填写完整!");
            
    //textareas[i].style.backgroundColor="red";
            textareas[i].focus();
            
    return false;
           }

          }

          
    //按name分组验证radio
          for (var i=0;i<arrRadio.length;i++)
          
    {
              
    var bRadio=false;
              
    for (var j=0;j<document.getElementsByName(arrRadio[i]).length;j++)
              
    {
                  
    if (document.getElementsByName(arrRadio[i]).item(j).checked==true)
                  
    {
                      bRadio
    =true;
                      
    continue;
                  }

              }

              
    if (!bRadio)
              
    {
                  alert(
    "一些应该选择的项没有被选择!");
         
    return false;
              }

          }

          
    return true;
            }

    </script>
  • 相关阅读:
    关于微服务的协议概述
    Eclipse 安装阿里巴巴代码规范插件
    Eclipse安装LomBok插件
    关于JAVA架构师
    关于Object类的一些方法
    [SoapUI] SoapUI官方文档
    [Jmeter] 用xsltproc生成html格式的报告
    [RF] Robot Framework新手干货(转载)
    【SoapUI】比较Json response
    怎样查看一个端口有无开启
  • 原文地址:https://www.cnblogs.com/tangself/p/1613778.html
Copyright © 2020-2023  润新知