input前台javascript失效
Posted dy blog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input前台javascript失效相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>index</title> 5 </head> 6 <body> 7 <form name="myform" id="myform" target="_self"> 8 帐号：<input type="text" name="username"><br> 9 密码：<input type="password" name="password"><br> 10 <input type="submit" value="登录" name="login" onclick="login()" > 11 <input type="submit" value="注册" name="register" onclick="register()" > 12 </form> 13 14 <script type="text/javascript"> 15 function register() { 16 alert("register") 17 document.getElementById("myform").action="/register"; 18 document.getElementById("myform").submit(); 19 } 20 function login() { 21 alert("login") 22 document.getElementById("myform").action="/login"; 23 document.getElementById("myform").submit(); 24 } 25 </script> 26 27 </body> 28 </html>
在写前台JS的时候，id和函数名不能一致，否则就会导致onclick失效，修改了函数的名字，问题解决！
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>index</title> 5 </head> 6 <body> 7 <form name="myform" id="myform" target="_self"> 8 帐号：<input type="text" name="username"><br> 9 密码：<input type="password" name="password"><br> 10 <input type="submit" value="登录" name="login" onclick="funlogin()" > 11 <input type="submit" value="注册" name="register" onclick="funregister()" > 12 </form> 13 14 <script type="text/JavaScript"> 15 function funregister() { 16 alert("register") 17 document.getElementById("myform").action="/register"; 18 document.getElementById("myform").submit(); 19 } 20 function funlogin() { 21 alert("login") 22 document.getElementById("myform").action="/login"; 23 document.getElementById("myform").submit(); 24 } 25 </script> 26 27 </body> 28 </html>
以上是关于input前台javascript失效的主要内容，如果未能解决你的问题，请参考以下文章
javascript前台开发问题，怎么设置使页面的滚动条不滚动，看详细描述