-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 回答