0

何らかの理由で、フォーム ボタンをクリックすると、私が書いた jQuery スクリプトが実行されません。

<body>
    <form id="inputform" action="google.com">
        <text id="text">Enter Your Number:</text>
        <input id="input" name="input" type="text">
    <input id="submitArea" type="submit" value="">
    </form>
</body>

$('#inputform').submit(function() {
    window.location = "http://mysite.com/";
});

はい、jQuery ライブラリとすべてをインポートしました。外部 JS ファイルをソースしましたが、まだ機能しない理由がわかりません。

4

3 に答える 3

1

デフォルト アクションが発生しないようにする必要があります。preventDefaultevent で action を使用してそれを行うことができますe。このようなもの：

$(function(){
    $('#inputform').submit(function(e) {
        e.preventDefault();
        window.location = "http://mysite.com/";
    });
});
于 2013-07-01T03:48:09.770 に答える
0

スクリプトがドキュメントの準備ができていると仮定すると、スクリプトを `jQuery(function($){.....}); 内に移動する必要があります。

送信ボタンのデフォルトのアクションを防ぐ必要があります

$('#inputform').submit(function(e) {
    window.location = "http://mysite.com/";
    return false; // or call e.preventDefault();
});
于 2013-07-01T03:47:11.510 に答える
0

理想的には、送信ボタン内から window.location 呼び出しを行うべきではありません。フォームのテキスト入力フィールドに入力したデータは、アクション ページに自動的に投稿されません。

<body>
<form id="inputform" action="http://mysite.com/">
    <text id="text">Enter Your Number:</text>
    <input id="input" name="input" type="text">
<input id="submitArea" type="submit" value="">
</form>

于 2013-07-01T04:32:01.493 に答える