Angular Schema Form -检查表单是否已验证

Question

我正在使用angular-schema-form (http://schemaform.io)在angular应用程序中创建表单。

在表单定义中，我创建了一个类似这样的带有onClick事件的按钮。

{
    "type": "button",
    "title": "Save",
    "onClick": submitFunc
}

javascript代码：

function submitFunc($event, form) {
    //I want to check if the form is valid
    $scope.$broadcast('schemaFormValidate');
    if (form.$valid) {
        console.log('valid');
    }
}

我想检查表格是否有效，但它不起作用。我发现它不起作用，因为传递给函数的form对象不是表单，而是字段。

有谁知道如何检查表单是否在这里通过验证？

Answer 1

您可以将onClick函数设置为传递表单。例如，如果您的表单定义如下：

<form name="myForm">
.... Your form
</form>

表单定义将如下所示：

{
  "type": "button",
  "title": "Save",
  "onClick": "submitFunc(myForm)"
}

此外，您的处理程序将不再接收$event对象，因此它将被定义为：

function submitFunc(form) { ... }