javascript - 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) { ... }