一个有趣的现象!调用js无法使用onsubmit
时间:2011-12-05
来源:互联网
<body>
<form id="form1" method="POST" action="chk.php" name="userslogin">
用户名:<input type="text" name="user"><br />
密码: <input type="password" name="pass"><br />
<input type="submit" name="submit" value="Login">
</form>
</body>
<script>
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
</script>
这个oosubmit可以绑定,执行成功。
当把js独立成一个文件编写确失败。
如下
1.html:
<body>
<script src="1.js"></script>
<form id="form1" method="POST" action="chk.php" name="userslogin">
用户名:<input type="text" name="user"><br />
密码: <input type="password" name="pass"><br />
<input type="submit" name="submit" value="Login">
</form>
</body>
1.js:
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
求解释!!!!
<form id="form1" method="POST" action="chk.php" name="userslogin">
用户名:<input type="text" name="user"><br />
密码: <input type="password" name="pass"><br />
<input type="submit" name="submit" value="Login">
</form>
</body>
<script>
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
</script>
这个oosubmit可以绑定,执行成功。
当把js独立成一个文件编写确失败。
如下
1.html:
<body>
<script src="1.js"></script>
<form id="form1" method="POST" action="chk.php" name="userslogin">
用户名:<input type="text" name="user"><br />
密码: <input type="password" name="pass"><br />
<input type="submit" name="submit" value="Login">
</form>
</body>
1.js:
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
求解释!!!!
作者: cnryanhack 发布时间: 2011-12-05
1.js:
window.onload = function(){
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
}
外面加上window.onload
window.onload = function(){
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
}
外面加上window.onload
作者: MuBeiBei 发布时间: 2011-12-05
顺序问题而已
HTML code
HTML code
<body> <form id="form1" method="POST" action="chk.php" name="userslogin"> 用户名:<input type="text" name="user"><br /> 密码: <input type="password" name="pass"><br /> <input type="submit" name="submit" value="Login"> </form> <script src="1.js"></script> </body>
作者: p2227 发布时间: 2011-12-05
嗯嗯,必须等到加载完才能调用,2、3楼都是可以的~
作者: Legend1988 发布时间: 2011-12-05
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28