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>

修改后的代码