使用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();

它适合我！