<script type="text/javascript">
function verify(){
//获取form标签元素
var form=document.getElementById('form');
//获取form下元素下所有input标签
var inputArray=form.getElementsByTagName("input");
var inputArrayLength=inputArray.length;
//循环input元素数组
for(var int=0;int<inputArrayLength;int++){
//判断每个input元素的值是否为空
if( inputArray[int].value==null || inputArray[int].value==''){
alert('第'+(int+1)+'个input的值为空.');
return false;
}
}
//如果所有Input标签的值都不为空的话
return true;
}
</script>
<form action="" onsubmit="return verify();" id="form">
<input /><br/>
<input /><br/>
<input /><br/>
<input /><br/>
<input type="submit" value="submit"/><br/>
</form>
<script>
function $(id){return document.getElementById(id);}
function trim(s){return s.replace(/(^\s*)|(\s*$)/g,"");}
function test(){
var Uname=$("Uname").value;
if(!trim(Uname)){alert("不能为空！");$("Uname").focus();return false;}
}
</script>
<form name="form1" action="" onsubmit="return test()">
<input id="Uname" value="" type="text" name="q" />
<input name="Submit" type="submit" value="提交" />
</form>
说明：使用了 jquery-1.11.0.js，实现了自动探测并检查表单内所有 input, textarea, select 和 button 元素
用法：
在<head> 和 </head>之间加
<script src="js\jquery-1.11.0.js" type="text/javascript"></script>
<script type="text/javascript">
function trim(s){return s.replace(/(^\s*)|(\s*$)/g,"");}
function chek(t){
var $v=$(t).find(':input'), len, i;
for(len=$v.length, i=0; i<len; i++)
if(trim($v[i].val())===''){
alert('请填写完整后再提交！');
return false;
}
return true;
}
</script>
在要检查的表单中标签中加 onsubmit="return check(this)"
例如 <form …… onsubmit="return check(this)">
