广

ASP编程

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

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

    2018-04-03 22:12:54 次阅读 稿源:互联网
    零七广告

      烈火网(LieHuo.Net)教程 JavaScript验证页面上动态生成的Radio,请看下面的实例代码:

    Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]<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>

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告