• 当前位置:首页>>JavaScript教程>>JavaScript代码实例>>javascript实例教程(9-2)
  • javascript实例教程(9-2)
  • formCheck()函数的代码如下:


    function formCheck()

    {


    if (document.theform.user_name.value == "")


    {

    alert("Please put in a name.");

    return false;

    }

    if (document.theform.email.value.indexOf("@") == -1 ||

    document.theform.email.value == "")

    {

    alert("Please include a proper email address.");

    return false;

    }

    }

      首先,formCheck()函数判断是否用户名字输入为空。如果为空,它也会警告用户并返回false值,这个表单也不会发送给服务器。接着formCheck()函数是判断是否Email地址输入包含一个@符号或者是空的。如果没有包含@符号或者是空的的任何一种情况,它就会警告用户并返回false值,这样这个表单就不会发送给服务器了。以上的任何一种错误都不会将表单发送给服务器的,直到正确填写完整个表单之后才将表单发送给服务器。

      以上程序的原理实质是获得表单中各元素的值“value”,然后加上是否等于“==”某些设定的内容,或者说本身固有的内容(比如EMAIL的@)。

      按此你可以加以扩充它的功能,比如完善Email的检验功能,加上判断“@”后的邮件服务器的地址和一点“.”。如下图:



      也可以增加对发信内容进行校验。增加的代码是获得发信内容文本框的值:
    document.theform.发信内容的文本框名.value == ""

    点击此处去测试效果页,并获得源代码。

    [1]

  • 上一篇:javascript实例教程(9-1)
    下一篇:javascript实例教程(11)