应用JavaScript事件调用自定义函数-学通PHP http://www.xn--ttss6e.net
  • 生活导航网杭州第一网奎屯门户
  • 在Web程序开发过程中,经常需要在表单元素的相应事件下调用自定义函数。例如,在按钮的单击事件下调用自定义函数check(),验证表单元素是否为空,代码如下:

    <input type="submit" name="Submit" value="检测" onClick="check();">

    然后在Web表单的当前页写一个check()自定义函数既可。

    创建用户登录页面写一个check()自定义函数既可。

    创建用户登录页面,在用户登录的按钮中通过onClick事件调用自定义函数,验证表单中提交的元素是否为空。自定义函数的代码如下

    <script>

    function check_form(){

    alert("请输入用户名!");

    form1.username.select();

    return(FALSE);

    }

    if(from1.password.value==""){

    alert("请输入密码!");

    form1.password.select();

    return(FALSE);

    }

    }

    </script>

    创建form表单元素的代码如下:

    <form id="form1" name="form1" method="post" action="index.php">

    <input name="username" type="text" id="username" size="18" />

    <input name="password" type="password" id="password" size="18" />

    <input type="submit" name="Submit" value="登录" onclick="return check_form();"/>

    </form>

         
    用户名:
    密码:
     
         

    如果在登录页面中直接单击“登录”按钮,将弹出页面

    http://www.xn--ttss6e.net http://www.xn--ttss6e.net