forms - UI5：验证整个表单的空值/空白值的必填和可见字段

Question

onPress of submit 按钮，我想验证所有 SimpleForms 的字段（ComboBox、Input、DatePicker 等）

1. 必需的 ＆
2. 可见的

查看它们是否为空或空白（“”）。如果目标（必需和可见）字段为空/空白，则将该控件的状态设置为“错误”并显示错误消息。如果没有目标字段为空/空白，则弹出成功对话框。

Answer 1

此方法是自动化的，因此以后添加的任何字段都将自动检查，而无需手动添加控制器代码。

控制器代码：

requiredAndVisible: function(oControl) {
    if (typeof oControl.getRequired === "function") { //certain ctrls like toolbars dont have getRequired as a method, so we want to skim those out, else itll throw an error later in the next check
      if (oControl.getRequired() === true && oControl.getVisible() === true) {
        return oControl;
      }
    }
  },

  onSubmit: function() {
    var valid = true,
      oView = this.getView(),
      aFormInitial = oView.byId("formInitial").getContent(), // get all the controls of SimpleForm1
      aFormConfig = oView.byId("formConfiguration").getContent(), // get all controls of SimpleForm2
      aControls = aFormInitial.concat(aFormConfig), // combine the 2arrays together into 1
      aFilteredControls = aControls.filter(this.requiredAndVisible); // check each element if it required & visible using the 1st function. return only the controls that are both req'd & visible

    aFilteredControls.forEach(function(oControl) { // in resultant array, check each element if...  
      if (!oControl.getValue() || oControl.getValue().length < 1) { // its value is null or blank
        oControl.setValueState("Error");
        valid = false; // set valid to false if it is
      } else {
        oControl.setValueState("None");
      }
    });

    if (valid === false) {
      // **replace this code with w/e error handling code u want**
      oView.byId("errorMsgStrip").setVisible(true);
    } else if (valid === true) {
      // **replace this code with whatever success handling code u want**
      var oDialogConfirm = new sap.ui.xmlfragment("dialogID", "dialog.address.here", this);
      oDialogConfirm.open();
    }
  },