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

astrofay 2009-12-12 07:04:09

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

...全文

74 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

astrofay 2009-12-13

打赏
举报

多谢三位

xmliy 2009-12-12

打赏
举报

如果使用jQuery



var msg = '';

$('input[type=text]').each(function(index)

{

  if($(this).val() == '') 

    msg += '<br />第 ' + (index + 1).toString() + ' 个文本框不能为空！'

});

$('#divName').html(msg);

fafenglea 2009-12-12

打赏
举报

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
}

sundotLei 2009-12-12

打赏
举报

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>