javascript - Rails 中的 Angular 表单验证

Question

在提交之前，我试图在 Angular 中进行一些表单验证。我在表单中使用 ng-submit，但无论我做什么，表单仍然会提交...这是我目前拥有的:

rails :

<%= form_tag("/createListing", "ng-submit" => "formvalidation($event)") do %>
    ... form contents in here
    <button ng-disabled="!agree_terms" value="Start" type="submit">Submit</button>
<% end %>

Javascript:

$scope.formvalidation = function() {
    var errors = validationService.dosomevalidation();

    if (errors.length === 0) {
        $event.target.submit();
    } else {
        $scope.errors = errors;
        return false;
    }
}

我的思考过程是如何使用 jQuery 或普通 javascript 来实现的。有什么想法为什么表单仍然会提交吗？

提前致谢。

Answer 1

我的表单验证正确(使用rails、angularjs、haml):

%form.nuevaRecetaForm{:name => 'newRecipeForm', :novalidate => '', 'ng-submit' => 'form.submit(newRecipeForm.$valid)'}
  = text_field :recipe, :title, placeholder: 'Título', :required => '', 'ng-model' => 'recipeTitle'

不需要额外的 JS 来验证表单。您想要验证的每个字段只需要在该字段中指定规则，在我的例子中该字段是必需的。然后在表单标签中使用属性 $valid，如示例中所示，Angular 会为您进行验证!

如果您有任何问题，我很乐意回答，以帮助您解决这个问题!!