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>

修改后的代码

相关阅读:
C++ 函数模板&类模板详解
C++ const修饰不同类型的用法
C++ 引用Lib和Dll的方法总结
C#查询本机所有打印机
C#如何设置桌面背景
C#使用Aspose.Words把 word转成图片
查看IP占用
查看IP占用
C# Dictionary判断Key是否存在
C# 只有小时和分钟的两个时间进行对比

原文地址：https://www.cnblogs.com/cdyboke/p/6517428.html