GH教學

GodHelp線上補習班、各類教學分享網站(程式設計、Flash遊戲教學、影音轉檔、動畫、繪圖、Go Home Schooling.....等等)

搜尋

網頁簡單Javascript驗證Validator

1.在Form onSubmit加上判斷程序
<form name="form1" method="post" onSubmit="return Validator();">
2.撰寫檢查的Function要對應欄位喔
<SCRIPT type=text/javascript>
<!--

function Validator()
{
var temp;
var temp2;
var mystr;
temp="";
//檢查欄位是否輸入
mystr=document.form1.sName.value
if(mystr=="")
{
temp=temp + "\n *姓名"
}
//檢查RadioBox是否有選擇
var sID="";
for (var i=0;i<document.form1.sID.length;i++)
{
if(document.form1.sID[i].checked==true)
{
sID=document.form1.sID[i].value;
break;
}
}
mystr=sID
if(mystr=="")
{
temp=temp + "\n *是否XX"
}
//Email是否有輸入
mystr=document.form1.sEmail.value
if(mystr=="")
{
temp=temp + "\n *E-mail"
}
else
{
//Email格式是否正確
if(isemail(document.form1.sEmail.value)==false)
{
temp=temp + "\n *Eamil格式有誤"
}
}


if(temp!="")
{
temp2="您沒有填妥:\n" + temp + "\n\n請填妥後再送出!!"
window.alert(temp2);
return false;
}
else
{
return true;
}
}

//Email檢查Function
function isemail(str)
{
var i; for(var i=0;i<str.length;i++)
{ if(str.charAt(i)> '~' )
{
alert('中文Email ??');
return false;
}
}

活動

給您專屬賀卡

好站

知識+名片

GH知識+

天氣

Sitetag台灣部落格列表

統計

Blog Look Score and Rank