我们在用JAVASCRIPT做一个验证表单.要求如下:
1,判断下拉列表是否选择;
2,判断单选是否被选择;
3,判断手机号码是否填写,是否11位,并且1开头;
4,判断地址是否填写,仅支持中文;以上所有的要求如果没达到都会有警告,但是所有警告都在同一个警告框里,有就是说比2.3.4有错误,警告框就会显示;
1.请选择性别!
2.手机号码没有输入或格式错误!
3.地址没有输入或格式错误!多谢帮忙!

解决方案 »

  1.   

    用jquery的validate框架吧!!!非常非常好!!!网上有教程!!!
      

  2.   

    你那个单选是radio么
    是不是单判断你都解决了呀?只是想用一个警告框来实现提示呀??
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="cn">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript">

      var $ = function(id){return document.getElementById(id);};
    function validate()
    {
    //记录信息
    var err = [];

    //验证下拉框
    if($("s").value=="")
    {
    err.push("1.请选择性别!");
    }

    //验证单选
    var x = document.getElementsByName("x");
    var b = false;
    for(i=0;i<x.length;i++)
    {
    if(x[i].checked)
    {
    b = true;
    break;
    }
    }

    if(!b)
    {
    err.push("2.请选择数字!");
    }
    //验证手机号
    if(!/^1\d{10}$/.test($("phone").value))
    {
    err.push("3.手机号码不正确!");
    }
    //验证地址
    if(/[^[\u4e00-\u9fa5]]*/.test($("addr").value))
    {
    err.push("4.地址不正确");
    }

    if(err.length>0)
    {
     alert(err.join("\n"));
     return;
    }
    }
    </script>
    </head>
    <body>
    <form>
    选择性别
    <select name="s" id="s">
    <option value="">-请选择-</option>
    <option value="1">男</option>
    <option value="2">女</option>
    </select>
    <br>
    选择数字
    <input type="radio" name="x" value="1">1
    <input type="radio" name="x" value="2">2
    <br>
    手机号
    <input type="text" name="phone" id="phone"/>
    <br>
    地址
    <input type="text" name="addr" id="addr"/>
    </form>
    <button onclick="validate()">验证</button></body>
    </html>
      

  4.   

    我的思路是:
    var smeg=new Array();
    var message=["请选择性别!","2.手机号码没有输入或格式错误!","地址没有输入或格式错误!"];if(性别没有选){
       smeg.push(message[1]);
    }其他的雷同;最后判断一下
    if(smeg.length>0){
       alert(smeg.join("\n"));
    }else{
      做相应的动作!
    }可以达到你的目的