一个js验证的问题，高手来捡分了

比如：一个页面，有5个textbox，
怎么用js验证这5个textbox为非空后，
一次性把5个错误信息都显示在一个div里面!

解决方案 »

  1.   

    Try...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <SCRIPT TYPE="text/javascript">
     function a(){
    var o=document.getElementsByName("name");
    var mess="";
    for(var i=0;i<o.length;i++){
    if(o[i].value==""){
    mess+="<br/>第"+(i+1)+"文本框值不能为空!"
    }
    }
    document.getElementById("test").innerHTML=mess; }
      </SCRIPT>
     </HEAD> <BODY>
      <input type="text" name="name"/>
       <input type="text" name="name"/> <input type="text" name="name"/>
        <input type="text" name="name"/>
     <input type="text" name="name"/>
     <div id="test"></div>
     <input type="button" value="aa" onclick="a()"/>
     </BODY>
    </HTML>
      

  2.   

    var result1 = validate("textbox1");
    var result2 = validate("textbox1");
    var result3 = validate("textbox1");
    var result4 = validate("textbox1");
    var result5 = validate("textbox1");
    var errorDisplay = "";
    if (!result1) {
        errorDisplay += "textbox1 required!";
    }
    .
    .
    .
    if (errorDisplay.length > 0) {
        document.getElementById('divErrorDisplay').innerHTML = errorDisplay
    }
      

  3.   

    如果使用jQuery
    var msg = '';
    $('input[type=text]').each(function(index)
    {
      if($(this).val() == '') 
        msg += '<br />第 ' + (index + 1).toString() + ' 个文本框不能为空！'
    });
    $('#divName').html(msg);