zoukankan      html  css  js  c++  java
  • 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>
    修改后的代码
  • 相关阅读:
    HTML元素解释
    Java命名规范
    HDU 1058 Humble Numbers(DP,数)
    HDU 2845 Beans(DP,最大不连续和)
    HDU 2830 Matrix Swapping II (DP,最大全1矩阵)
    HDU 2870 Largest Submatrix(DP)
    HDU 1421 搬寝室(DP)
    HDU 2844 Coins (组合背包)
    HDU 2577 How to Type(模拟)
    HDU 2159 FATE(二维完全背包)
  • 原文地址:https://www.cnblogs.com/cdyboke/p/6517428.html
Copyright © 2011-2022 走看看