首页 > 代码库 > input前台javascript失效
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失效
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。