-
Form.Observer(form,interval,callbank),表示表单form中任何一个表单控件的值发生了改变,interval秒之后就自动触发callback函数
-
Form.Element.Observer(element,interval,callbank),表示表单控件element的值发生了改变,interval秒之后就自动触发callback函数
Form.Observer例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用Form.Observer</title>
<meta name="author" content="Yeeku.H.Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
</head>
<body>
<form id="test" method="post" action="#">
用户名:
<input type="text" id="user" name="user" />
密码:
<input type="text" id="pass" name="pass" />
</form>
<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
//为test表单绑定事件监听器
new Form.Observer("test", 1, function() {
//此处的this.getValue()将返回目标表单的serialize()
alert(this.getValue());
});
</script>
</body>
</html>
Form.Element.Observer的一个简单的例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用Form.Element.Observer</title>
<meta name="author" content="Yeeku.H.Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
</head>
<body>
用户名:
<input type="text" id="user" name="user" />
<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
//为user表单控件绑定事件监听器
new Form.Element.Observer("user", 1, function() {
//此处的this.getValue()将返回目标表单的getValue()
alert(this.getValue());
});
</script>
</body>
</html>