zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    搭建CDH的yum本地源
    搭建一个离线yum源
    VMware主机 几次断电后,挂载的磁盘报错了,系统无法启动
    vm workstation15 迁移至ESXi6.7步奏
    ESXi6.7在 ASUS PRIME B360-PLUS 主板上安装报错
    php常用函数
    PHP函数
    php语句
    TSQL语句练习题
    php的基础
  • 原文地址:https://www.cnblogs.com/tangself/p/1613778.html
Copyright © 2011-2022 走看看