1

次のページが含まれているフォーム タグ (以下のように) では機能しないのに、それらを削除すると機能するのはなぜですか? （明らかにjqueryは初めてです...）

 <!DOCTYPE html>
 <head>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script language="JavaScript">
      $(document).ready(function () {
            $("button").click(function () {
              $('#inputid').focus();       
            });
    });
    </script>
 <head>
 <body>

 <form>
     <input type="text" id="inputid">
     <button>Click Me</button>
 </form>

 </body>
 </html>
4

5 に答える 5

2

（使用しているブラウザでの）aのデフォルトの動作<button>は送信であるためです。そのため、フォーム タグが含まれているボタンをクリックすると、フォームは POST を実行します。

submit: 送信ボタンを作成します。これがデフォルト値です。

http://www.w3.org/TR/html401/interact/forms.html#h-17.5

ボタン要素に追加type="button"して、フォームの POST を停止します。

安全のために、常にボタンのタイプを指定する必要があります。

于 2013-06-29T09:22:22.683 に答える
2

私はそれをテストし、完全に動作しています...

<script>
      $(document).ready(function () {
            $("#button").click(function () {
              $('#inputid').focus();  
              //return false;     
            });
    });
    </script>

と

<form>
     <input type="text" id="inputid">
     <input id="button" type="button" value="Click"/>
 </form>
于 2013-06-29T09:36:23.647 に答える
1

次のようなボタンを使用してみてください。

 <button type="button">Click Me</button>
于 2013-06-29T09:23:57.703 に答える
1 
$(document).ready(function () {
    $("button").click(function (e) {
        e.preventDefault();

        $('#inputid').focus();
        return false;
    });
});

ボタンをクリックすると、フォームが投稿を実行します。

于 2013-06-29T09:24:47.047 に答える
0

この方法を試してください

 <form action="#">
     <input type="text" id="inputid">
     <button>Click Me</button>
 </form>
于 2013-06-29T09:28:32.023 に答える