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