学院首页>网页制作>Javascript>表单递交前的校验

表单递交前的校验

作者:未知 来源:未知 添加时间:2006-5-21 9:32:01
在表单递交之前,对用户输入的数据进行校验,可以大减轻ASP或CGI等程序的“负担”。实现方法如下:
如在自动友情链接中的输入表单:(只有用户输入全部资料才会调用程序文件) 
在表单递交前onsubmit调用check()函数, 

<form onSubmit="return(check());" name="sendchk" method="post" action="yqljcl.asp">

表单的名为sendchk,方法method="post",action="yqljcl.asp" 

check函数为:

(注:sendchk.anme.value.length取得文本框长度。如果为空,用alert方法弹出一个提示消息,然后 

用sendchk.name.focus()方法使相应文本框取得焦点,并取消递交表单,让用户继续输入。)

 

<script language="JavaScript"> 

<!-- 此段代码用于检查用户输入数据^_^武柱

function check()

{

var length1=sendchk.name.value.length;

var length2=sendchk.email.value.length;

var length3=sendchk.pagename.value.length;

var length4=sendchk.pageaddr.value.length;

if(length1==0){alert("请输入您的姓名!^_^武柱");sendchk.name.focus();return false;}

else

if(length2==0){alert("请输入EMAIL地址!^_^武柱");sendchk.email.focus();return false;}

else

if(length3==0){alert("请输入主页标题!^_^武柱");sendchk.pagename.focus();return false;}

else

if(length4==0){alert("请输入主页地址!^_^武柱");sendchk.pageaddr.focus();return false;}

else

return true;

}

// -->

</script> 
站内搜索