+ -
当前位置:首页 → 问答吧 → 一个有趣的现象!调用js无法使用onsubmit

一个有趣的现象!调用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');
}

求解释!!!!

作者: cnryanhack   发布时间: 2011-12-05

1.js:


window.onload = function(){
var form2 = document.getElementById('form1');
form2.onsubmit =function(){
alert('test');
}
}


外面加上window.onload

作者: MuBeiBei   发布时间: 2011-12-05

顺序问题而已
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