Question

问题解决了。代码是正确的。这是Angularjs和Jquery之间的互动。如果你只使用Jquery

将会工作

我正在尝试在表单提交中添加额外的检查方法。我正在使用Jquery提交函数here

以下是我的代码

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（”check“）;”工作。

任何人都知道这是什么问题？

任何帮助表示赞赏！谢谢。

Answer 1

您的代码没有错误。

我创建了一个小提琴来证明您的代码：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>

Answer 2

这是因为您正在调用console.log（“已提交”）。打电话给你行动中的方法，它将起作用。

<form id="upload_form" action="javascript:console.log('submitted');">

Jquery提交附加功能

2 个答案: