AngularJS提交时提交表单

AngularJS Submit Form On Submit

本文关键字：提交 表单 AngularJS      更新时间：2023-09-26

我试图在不使用$http的情况下使用AngularJS提交表单。我正在通过Javascript检查表单，但不确定检查完成后如何提交。示例代码如下：

AngularJS

 app.directive('checkLoggedinSubmit', ['account_id', 'session', 'LoginModal',
    function(account_id, session, LoginModal) {
        return {
            restrict : 'A',
            link : function(scope, element, attrs) {
                element.bind('submit', function(e) {
                    e.preventDefault();             
                    //If not logged in, show logged in, otherwise subit
                    if (!account_id && !session.read('account_id')) {
                        LoginModal.show();
                    } else {
                        scope.$eval(attrs.checkLoggedinSubmit);
                        scope.$apply();
                        //Tried To use JQuery
                        //$(e.currentTarget).submit();
                    }
                });
            }
        };
}]);

HTML表单

<form role="form" enctype="multipart/form-data" method="post" action="/file/submit" class="well" style="padding: 0px 20px 20px;" check-loggedin-submit >
    <div class="form-group">
        <input type="file" name="my_file" />
    </div>
    <div class="form-group">
        <input type="submit" class="btn btn-success"  />
    </div>
</form>

我试图让JQuery提交表单，但出现了错误。现在有人怎么解决这个问题吗？

在angular中提交表单的更好方法是使用"ng sbmit"

你可以使用类似ng-submit="functionHandlingSubmitTask（）"的东西

你可以查看的给定链接

http://learnwebtutorials.com/angularjs-tutorial-submitting-form-ng-submit

试试看：

<input type="submit" data-ng-click="save(input) class="btn btn-success"  />

save是JQuery方法名称，输入为params。

相关文章：