角度架构表单 - 检查表单是否经过验证

Angular Schema Form - Check if form is validated

本文关键字：表单 检查表 是否 经过 验证 检查      更新时间：2023-09-26

我正在使用角度模式表单（http://schemaform.io）在角度应用程序中创建表单。

在表单定义中，我创建了一个带有 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对象不是表单而是字段。

有人知道如何检查表单是否在这里得到验证吗？

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

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

您的表单定义如下所示：

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

此外，您的处理程序将不再收到$event对象，因此它将像这样定义： 

function submitFunc(form) { ... }
相关文章：