-1

問題が解決しました。コードは正しいです。これは、Angularjs と Jquery の間の相互作用です。Jqueryのみを使用している場合に機能します

フォーム送信に追加のチェック方法を追加しようとしています。ここでは Jquery 送信機能を使用しています

以下は私のコードです

HTML

<form id="upload_form" action="javascript:console.log('submitted');">
<table class="tablestyle">
    <tr>
        <td class="labelstyle" style="width:80px;">File</td>
        <td class="datastyle">
<input type="file" class="textinput" tabindex="7" id="file" name="file">
<input id="upload" name="upload" class="button" value="Upload" tabindex="8" type="submit"></td>
    </tr>   
</table>    
</form>

Javascript

$("#upload_form").submit(function() {
    console.log("checking");
});

ただし、送信すると、「javascript:console.log('submitted');」のみが表示されます 私のコンソールに印刷されます。「console.log("checking");」を取得できません 仕事に。

誰が問題が何であるか知っていますか？

どんな助けでも大歓迎です！ありがとうございました。

4

2 に答える 2

0

コードにエラーはありません。

私はあなたのコードでそれを証明するためにフィドルを作成しました: http://jsfiddle.net/tzjcA/

すべてのログ メッセージが出力されます

$("#upload_form").submit(function() {
    console.log("checking");
});​

編集

F12を押してから「コンソール」タブを押します

編集2

正確enctype methodに除去javascript:console.log('submitted');

<form id="upload_form" enctype="multipart/form-data" method="post">
<table class="tablestyle">
    <tr>
        <td class="labelstyle" style="width:80px;">File</td>
        <td class="datastyle">
<input type="file" class="textinput" tabindex="7" id="file" name="file">
<input id="upload" name="upload" class="button" value="Upload" tabindex="8" type="submit"></td>
    </tr>   
</table>    
</form>
于 2012-10-26T07:38:31.810 に答える
-2

これは、アクションで colsole.log("submitted") を呼び出しているためです。適切なメソッドを実際に呼び出すと、機能します。

<form id="upload_form" action="javascript:console.log('submitted');">
于 2012-10-26T07:37:13.870 に答える