使用Server驗證后，從angularjs提交表單

Question

我有html表單和角度控制器。 在控制器中，我有一個功能來檢查服務器上的用戶數據。 我通過使用html中的按鈕調用此函數

ng-click

成功后，我想要從控制器提交表格。

如何從角度控制器訪問form.submit ？

謝謝 ！！！

Answer 1

我建議你在表單上使用ng-submit指令。 從那里你可以在驗證后返回true / false。

調節器

app.controller('mainController', function($scope) {
  $scope.submit = function(user) {
    var isvalid = true;

    // Add your code 
    // for server validation here

    if (isvalid) {
        return true;
    }
    return false; //failed
  }
});

HTML

<form name="userForm" ng-submit="submit(user)">
    <input type="text" ng-model="user.email" />
    <input type="text" ng-model="user.password" />
    <button type="submit">Submit</button>
</form>

Answer 2

假設你ng-click ，

validate();

在這個函數中你可以做如下的驗證和表單提交操作（我的語法可能不正確......但我只想傳達我的想法）

$scope.vaidate = function(input) { 

    //Add your validation code here, it includes api call etc.

    // If validation succeeds, run code for submitting the form. 
    if() // add validation success condition
    {
         //run code for submitting the form.
    }
    else
    {
         // Add code to show error message within the html form.
    }

}

我認為您可以在if條件下運行提交操作。

Answer 3

我已經使用jquery通過方法提交選擇表單來修復它

$("#myForm").submit();

它適合我！