Pflichtfeld-validator in sapui5

Ich habe vier Textfelder mit den Bezeichnungen name, Alter, Stadt und die Telefonnummer.Ich habe, um ihn zu bestätigen, wenn es leer gelassen. es sollten Benachrichtigen Sie mich zu füllen. So überprüfen Sie ein Textfeld, Pflichtfeld-validator in sapui5?

InformationsquelleAutor Muni jagadish | 2014-07-17

  1. 8

    Können Sie einfach eine Funktion schreiben, die bekommen den Feldern und prüft Ihren Wert.

    Dieser könnte wie folgt Aussehen:

    function validateTextFieldValues() {

    //this function gets the first textfield
    var nameTextField = sap.ui.getCore().byId("idOfTheTextFieldContaingTheName");
    //this function checks its value, you can insert more checks on the value
    if(nameTextField.getValue() === "") {
        alert("Please enter a name.");
    }

    //...
    //the same for the other fields
}

    Dann können Sie binden die Funktion auf die Schaltfläche-klicken, zum Beispiel beim erstellen der Schaltfläche: 

    new sap.ui.commons.Button({
    //your buttonconfiguration
    click: function(){
        validateTextFieldValues();
    }
});

    Zusätzlich werden die TextField hat ein Attribut namens valueState.

    Im Zusammenhang mit seiner Veranstaltung liveChange gibt es die Möglichkeit zur Validierung der Eingabe-während der Eingabe: 

    new sap.ui.commons.TextField({
    //your configuration
    liveChange: function(){
        if(this.getValue() === "")
            this.setValueState(sap.ui.core.ValueState.Error);
        else
            this.setValueState(sap.ui.core.ValueState.Success);
    }
});

    (https://openui5.hana.ondemand.com/docs/api/symbols/sap.ui.core.ValueState.html)

    Gibt es eine API-Referenz für die Validierung in sapui5?
    if (dies.getValue().trim().length === 0){}
    1. Einige UI5 Kontrolle hat auch setValueStateText() 2. Datentypen plus der Umgang mit Falschen Benutzereingaben scheint die integrierte Möglichkeit der Verarbeitung von Eingaben, aber ich kann nicht sehen, mehr profitieren als benutzerdefinierte Fehler hanndling Funktion.

    InformationsquelleAutor herrlock

  2. 0

    Können Sie überprüfen, bei änderung des Feldes ein Wert an sich, wie unten

    var oname = new sap.ui.commons.TextField({
id: 'input2',
change : function(){
       if(this.getValue()=='')
         alert("enter some value");
  }
});

    Oder schreiben Sie eine Funktion für die Validierung, die auf Klick auf eine Schaltfläche.

    InformationsquelleAutor Roshan

  3. 0

    Sogar mit der required-Eigenschaft wird nicht helfen, wie UI5, nicht setzt alle Steuerelemente in Formularen-tags. Die required-Eigenschaft setzt ein Attribut

    aria-required= " true

    Können Sie jQuery verwenden, um alle zu markieren die aria-required-Elemente und verarbeiten Sie auf andere Bedienelemente Veranstaltung sagen drücken der Taste.

    Unten ist Beispielcode für die gleichen.

    var oBtn = new sap.ui.commons.Button();
    oBtn.attachPress(function(){
        var error;
        jQuery('input[aria-required=true]').each(function(){
            var oInput = sap.ui.getCore().byId(this.id);
            var val = oInput.getValue();
            if(!val){                   
                var sHtml = '<ul><li><strong> value is empty</li></ul>';
                var sValueState = '<strong>Error!</strong>';
                //Combine Input value, Error title and message into a Rich Tooltip
                var oTooltip = new sap.ui.commons.RichTooltip({ text: sHtml, valueStateText: sValueState});
                oInput.setTooltip(oTooltip);
                oInput.setValueState(sap.ui.core.ValueState.Error);
                error = false;
            }else{
                oInput.setValueState(sap.ui.core.ValueState.None);                   
                oInput.setTooltip(' ');
            }
        });
        if(error){
            return error;
        }
    });

    InformationsquelleAutor Zuber Mohammad

Schreibe einen Kommentar