javascript事件的绑定
2007-12-25 15:33
477 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="javascript" type="text/javascript">
function check(event){
var evt = (event) ? event : ((window.event) ? window.event : "")
// alert(evt); //输出该事件对象
//调用target属性,访问发出事件的html元素(evt.target是w3c里面的东西)
// var form = evt.srcElement; //w3c中用evt.target var elem = (evt.target) ? evt.target : evt.srcElement
var form = (evt.target) ? evt.target : evt.srcElement
//alert(evt.srcElement);
if(form.userName.value==null || form.userName.value ==""){
alert("userName 不能为空!");
form.userName.focus();
}else{
//这个加编码了!request也是直接获得!
//form.action="ok.jsp?userName="+escape(form.userName.value);
form.action="ok.jsp";
form.submit();
}
}
</script>
</head>
<body>
<!-- form id="form1" action="ok.jsp" method="post">
<input type="text" name="userName">
<input type="submit" value="确定">
</form-->
<br>
<form id="form1" action="#" method="post">
<input type="text" name="userName">
<input type="submit" value="确定">
</form>
<script>
//这个不能直接放在前面执行,因为刚开始时,还没加载form
var target = document.getElementById("form1");
//target.attachEvent("onsubmit",check); //这个也可以
target.onsubmit=check;
</script>
</body>
</html>
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="javascript" type="text/javascript">
function check(event){
var evt = (event) ? event : ((window.event) ? window.event : "")
// alert(evt); //输出该事件对象
//调用target属性,访问发出事件的html元素(evt.target是w3c里面的东西)
// var form = evt.srcElement; //w3c中用evt.target var elem = (evt.target) ? evt.target : evt.srcElement
var form = (evt.target) ? evt.target : evt.srcElement
//alert(evt.srcElement);
if(form.userName.value==null || form.userName.value ==""){
alert("userName 不能为空!");
form.userName.focus();
}else{
//这个加编码了!request也是直接获得!
//form.action="ok.jsp?userName="+escape(form.userName.value);
form.action="ok.jsp";
form.submit();
}
}
</script>
</head>
<body>
<!-- form id="form1" action="ok.jsp" method="post">
<input type="text" name="userName">
<input type="submit" value="确定">
</form-->
<br>
<form id="form1" action="#" method="post">
<input type="text" name="userName">
<input type="submit" value="确定">
</form>
<script>
//这个不能直接放在前面执行,因为刚开始时,还没加载form
var target = document.getElementById("form1");
//target.attachEvent("onsubmit",check); //这个也可以
target.onsubmit=check;
</script>
</body>
</html>
相关文章推荐
- JavaScript事件绑定、事件解除、DOM加载完成,兼容IE8+
- 关于JavaScript 三种绑定事件方式之间的区别以及对应的解绑(整理)
- 看懂此文,不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
- JavaScript 在for循环中绑定事件
- JavaScript事件的绑定与取消和事件监听
- 看懂此文,不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
- javascript的事件绑定的两种方式详解
- javascript事件委托,事件代理,元素绑定多个事件之练习篇
- javascript事件绑定的三种方法
- javascript 事件多次绑定和删除
- JavaScript事件绑定的方法说明
- JavaScript中click和keypress事件绑定的顺序
- JavaScript事件绑定和普通事件区别
- Javascript 事件对象(四)一个事件绑定多个不同的函数
- JavaScript的事件绑定及深入
- javascript之博客前端之事件绑定以及浏览器检测
- JavaScript动态添加|绑定事件
- javascript事件绑定、事件解绑,多事件冲突总结
- javascript事件的绑定基础实例讲解(34)
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例