angular.js form submitについて

Question

angular.js初心者です。

angular.jsで送信ボタンを押したら、バリデーションチェックして、
OKだったら、ajaxではない、通常のform postをしたいと思います。

そこでですが、以下のようにaction属性を書くと

<form name="form" novalidate autocomplete="off" method="post" ng-submit="submit()" action="page" > バリデーションが効かないですし、

以下のようにaction属性を消すと、postができないです。

<form name="form" novalidate autocomplete="off" method="post" ng-submit="submit()" >

    $scope.submit = function () {
        if ($scope.form.$invalid) {
            $scope.form.$setDirty();
            return;
        }

// ここでform postしたいけれど、$httpなどの非同期は実装したくない
};

angularはあくまで入力チェック程度で使いたいですが、
どのようにしたら可能でしょうか。

Answer 1

ng-submit="submit()"をはずして、ng-clickで$('form[name=form]')[0].submit();としてもいかないでしょうか？

Comments

[gumsan]

ありがとうございます。似たような方法で、自己解決しました。
angular.element　から submitで実装しました。

Answer 2

バリデーション後にsubmitされているのでバリデーションされてないように見えるのではないでしょうか。

<form name="form" novalidate autocomplete="off" method="post" ng-submit="submit($event)"  action="page" > 

このようにEventオブジェクトを渡して、

$scope.submit = function (e) { 
    if ($scope.form.$invalid) { 
        $scope.form.$setDirty(); 
        e.preventDefault();
        return; 
    } 

デフォルトのイベントをキャンセルすると大丈夫なのではないでしょうか。

Comments

[gumsan]

ご回答ありがとうございます。
e.preventDefault試してみたのですが、そうすと、バリデーションエラーが表示されなくなってしまいました。他の方法で、return false;にもしてみましたが、うまくいきませんでした。