0

フォームのページの更新を停止しようとしましたが、フォームを送信するたびにページが更新されます。

<script>
$("#myforms").submit(function() { 

   return false; 
});
</script>

<form action="" method="post" id="myforms">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
    </form>

アップデート：

$(document).ready(function() {
    $("#myforms").submit(function() {
              runSearch123();
              return false;
        });
});

まだ同じ問題

4

6 に答える 6

2

コードを jQuery Ready handlerに入れる必要があります。

<script>
$(function(){
  $("#myforms").submit(function() {
              return false;
        });
});
</script>
于 2012-07-09T02:15:22.537 に答える
1

ページを更新したくない場合は、ajax を使用する必要があります。

于 2012-07-09T02:13:47.100 に答える
0

スクリプト タグをフォームの後に移動するか、コードを domready イベントに追加します。

<form action="" method="post" id="myforms">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
</form>
<script>
    $("#myforms").submit(function() {
        return false;
    });
</script>

フィドル

<script>
    $(document).ready(function(){
        $("#myforms").submit(function() {
            return false;
        });
    });
</script>

フィドル

于 2012-07-09T02:24:55.927 に答える
0

これは一般的な問題であり、簡単に解決できます。

<form>タグを削除して、代わりに次を使用します。

<div id="myforms">
    <input id="search123" onKeyUp="setTimeout(submit,1000)" style="text-align:center" type="text" value="Enter Search..." />
</div>

次にsubmit()、目的の操作を実行する Javascript でメソッドを作成します。

これにより、フォームがページにポストバックされなくなります。

データをどこかに POST する必要がある場合は、メソッドで JQuery の.post()メソッドを使用しますsubmit()。

http://api.jquery.com/jQuery.post/

于 2012-07-09T02:27:49.310 に答える
0

送信されたフォームは常にページを更新/リダイレクトします。これを回避するには、次のことを行う必要があります。

<form action="" method="post" id="myforms" onsubmit="return false">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
</form>​​​​​​​​​​​​​

送信ハンドラーで false を返すと、フォームの送信が妨げられ、ページが更新されなくなります。フォームを防止するためだけに jQuery を使用する必要はありません。

ただし、フォームをサーバーに送信し、ページを更新しないようにするには、Ajax を使用する必要があります。jQuery には優れた ajax 機能が組み込まれていますが、 jQuery の Web サイトを少し読む必要があるようです。

于 2012-07-09T02:47:29.490 に答える
0

いくつかの括弧を忘れました:

$("#myforms").submit(function() {
        return false;
  });
于 2012-07-09T02:14:05.610 に答える