几个很有用的javascript函数
|
函数Reset()按Reset按钮后对各字段的内容复位。
函数submitForms()按submit按钮后对字段合法性检查后发送电子邮件。
函数isName()对姓名字段进行合法性检查。
函数isEmail()对电子邮件地址字段进行合法性检查。
函数isBrowser()对浏览器字段与自动检测的浏览器版本进行比较。
函数isCountry()对国家字段进行合法性检查。
函数isComment()对意见字段进行合法性检查，不允许为空值。
函数isFavorite()对喜欢的站点字段进行合法性检查，不允许为空值。
程序中还提供了一些技巧，例如，如何判断浏览器的版本，字符串的操作等等。
结果是以电子邮件的形式提供给你的，里面有客人输入的各个字段。程序比较长，但不难看懂，下面是源代码：
<HTML> <HEAD> <TITLE>用javascript编制留言簿程序</TITLE> <SCRIPTLANGUAGE="javascript"> <!--Begin //Someone@abc.com是你自己的电子邮件地址 varemailAddress="Someone@abc.com"; functiontoName() { vartoNameval=document.forms[0].elements[1].value; toNameval="mailto:Someone@abc.com?subject=GuestBookexample"; this.document.mail.action=toNameval; } functionReset(){ document.forms[0].elements[0].value=""; document.forms[0].elements[1].value=""; document.forms[0].elements[2].value= navigator.appName+""+navigator.appVersion; document.forms[0].elements[3].value=""; document.forms[0].elements[4].value=""; document.forms[0].elements[5].value=""; document.forms[0].elements[0].focus(); } functionsubmitForms(){ if((isName())&&(isEmail())&&(isBrowser()) &&(isCountry())&&(isComment())&&(isFavorite())) if(confirm(" You"reabouttoe-mailtheform. Click onYEStosubmit. ClickonNOtoabort.")) { alert(" Yoursubmissionwillnowbemadeto: "+emailAddress+" Thankyou!"); returntrue; } else { alert(" Youhavechosentoabortthesubmission."); returnfalse; } else returnfalse; } functionisName(){ varstr=document.forms[0].elements[0].value; if(str==""){ alert(" TheNAMEfieldisblank. Pleaseenteryourname.") document.forms[0].elements[0].focus(); returnfalse; } for(vari=0;i<str.length;i++) { varch=str.substring(i,i+1); if(((ch<"a"||"z"<ch)&&(ch<"A"||"Z"<ch))&&ch!="") { alert(" TheNAMEfieldonlyacceptsletters &spaces. Pleasere-enteryourname."); document.forms[0].elements[0].select(); document.forms[0].elements[0].focus(); returnfalse; } } returntrue; } functionisEmail() { emailAddress=document.forms[0].elements[1].value; if(document.forms[0].elements[1].value==""){ alert(" TheE-MAILfieldisblank. Pleaseenteryoure-mailaddress.") document.forms[0].elements[1].focus(); returnfalse; } if(document.forms[0].elements[1].value.indexOf("@",0)==-1|| document.forms[0].elements[1].value.indexOf(".",0)==-1) { alert(" TheE-MAILfieldrequiresa"@" anda"."beused. Pleasere-enteryoure-mailaddress.") document.forms[0].elements[1].select(); document.forms[0].elements[1].focus(); returnfalse; } else { toName(); returntrue; } } functionisBrowser() { if(document.forms[0].elements[2].value! =navigator.appName+""+navigator.appVersion) { if(confirm(" You"vechangedyourbrowser type. ClickonOKtokeepchanges. n ClickonCanceltorestoredetectedbrowser.")) returntrue else { document.forms[0].elements[2].value= navigator.appName+""+navigator.appVersion; returntrue; } } else returntrue; } functionisCountry(){ varstr=document.forms[0].elements[3].value; if(str==""){ alert(" TheCOUNTRYfieldis blank. Pleaseenteryourcountry.") document.forms[0].elements[3].focus(); returnfalse; } for(vari=0;i<str.length;i++){ varch=str.substring(i,i+1); if(((ch<"a"||"z"<ch)&& (ch<"A"||"Z"<ch))&&ch!="") { alert(" TheCOUNTRYfieldonlyaccepts letters&spaces. Pleasere-enteryourcountry."); document.forms[0].elements[3].select(); document.forms[0].elements[3].focus(); returnfalse; } } returntrue; } functionisComment(){ if(document.forms[0].elements[4].value==""){ if(confirm(" You"reabouttosubmit withoutleavingacomment. Click onCANCELtoincludeacomment. Click onOKtocontinuewithoutacomment.")) returntrue else { document.forms[0].elements[4].focus(); returnfalse; } } else returntrue } functionisFavorite(){ if(document.forms[0].elements[5].value==""){ if(confirm(" You"reabouttosubmitwithout listingyourfavoritesites. ClickonCANCEL toincludefavorites. ClickonOKtocontinue withoutlistingfavorites.")) returntrue else { document.forms[0].elements[5].focus(); returnfalse; } } else returntrue } //End--> </SCRIPT> </HEAD>
<BODY> <CENTER> <FORMENCTYPE="text/plain" NAME="mail"METHOD="GET" ACTION="mailto:Someone@abc.com" onSubmit="returnsubmitForms()"> <TABLEBORDER=0WIDTH=400> <TR> <TDalign="center"><FONTCOLOR=800000> <STRONG>Enteryourname:</STRONG></FONT></TD> <TDalign="center"><FONTCOLOR=800000> <STRONG>Enteryoure-mailaddress:</STRONG> </FONT></TD> </TR> <TR> <TDalign="center"><INPUTTYPE="text" NAME="name"SIZE=30MAXLENGTH=40></TD> </TD> <TDalign="center"><INPUTTYPE="text" NAME="email"SIZE=30MAXLENGTH=40></TD> </TR> <TR> <TDalign="center"><FONTCOLOR=800000> <STRONG>Yourbrowser</STRONG></FONT></TD> <TDalign="center"><FONTCOLOR=800000> <STRONG>Enteryourcountry:</STRONG></FONT></TD> </TR> <TR> <TDalign="center"><INPUTTYPE="text" NAME="browser"SIZE=30MAXLENGTH=60></TD> <TDalign="center"><INPUTTYPE="text" NAME="country"SIZE=30MAXLENGTH=60> </TD> </TR> </TABLE> <CENTER> <FONTCOLOR=800000><STRONG> Leaveacommentorsuggestion:</strong></font><BR> <TEXTAREANAME="comments" ROWS=5COLS=50wrap=yes>Comments? Suggestions?</TEXTAREA><P><P> <FONTCOLOR=800000><STRONG> Listyourfavoritesites:</STRONG></FONT><BR> <TDalign="center"><TEXTAREANAME="favorites" ROWS=5COLS=50wrap=yes> AnysitesIshouldtakealookat?</TEXTAREA> <P><P> <INPUTTYPE="submit"VALUE="Submit"> <center><INPUTTYPE="reset"VALUE="Reset" onClick="Reset()"> </FORM> </CENTER> </BODY> 源代码网供稿. |
