Question

我的HTML是

<form id="login" class="ui-body ui-body-a ui-corner-all" data-ajax="false" method="post" >
                <fieldset>
                    <div data-role="fieldcontain">
                        <label for="username">Usuario :</label>
                        <input type="text" value="" name="username" id="username"/>
                    </div>                                  
                    <div data-role="fieldcontain">                                      
                        <label for="password">Contraseña:</label>
                        <input type="password" value="" name="password" id="password"/> 
                    </div>
                    <input type="submit"  data-theme="b" name="submit" id="submit" value="Login">
                </fieldset>

           </form>

我的javascript是

$("#login").submit(function(){
alert("OK");
}

但它不起作用。

我已经登记http://jsfiddle.net/w2Sqs但它确实有效，但在我的网上没有！

有什么想法吗？

感谢

Answer 1

您可能很快就会引用您的表单。如果在加载之前尝试引用DOM元素，那么它将无法将侦听器附加到它上面。

相反，要么将选择器放在表单下方：

   <body>
      <form id="login" method="post">
         <input type="text" name="user">
         <input type="submit" value="send">
      </form>
      <script>
         $("#login").submit(function() {
            alert("ok");
         });
      </script>
   </body>

或者确保使用 jQuery ready 内容完全加载DOM（此代码可以放在<head>部分中）：

     $(function() {
        $("#login").submit(function() {
           alert("ok");
        });
     });

Answer 2

尝试将事件添加到提交功能

$(#id).submit(function(event){});

表单提交javascript无效

2 个答案: