Code
<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>