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>