首页>>教学>>网页技巧>>JavaScript>>正文

表单递交前的校验

---

　 来源:不详 | 作者: | 浏览: | 发送给好友 | 添加到收藏夹

在表单递交之前，对用户输入的数据进行校验，可以大减轻ＡＳＰ或ＣＧＩ等程序的“负担”。实现方法如下:
如在自动友情链接中的输入表单:(只有用户输入全部资料才会调用程序文件) 
在表单递交前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>