在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