Как поставить проверку поля на пользовательский интерфейс:inputtext в JavaScript, используя компонент молнии?

Question

Как поставить проверку поля на ui:inputtext в JavaScript используя компонент молнии?

Ниже мой HTML-код:

<ui:inputText 
      class="slds-form-element__control slds-input" 
      value="{!v.CustomerPo}" 
      aura:id="customer_po" 
      maxlength="35"/>

пожалуйста, ответьте

Answer 1

Ответ выше, это нормально, используя isNaN() из JS, но вы можете сделать следующее, если вы определите вспомогательный метод, который можно использовать для ввода того же типа от других компонентов. Итак, также используя утилиты из фреймворка:

// HELPER
function : validateNumber (component, auraId){
    var value = component.find("auraId").get("v.value");
    return $A.util.isNumber(value);
}

// CONTROLLER
function : saveButton (component){

    if (!helper.validateNumber(component, 'customer_po')){
        component.set("v.errorMessage", 'Not a numeric value');
    } else {
        component.set("v.errorMessage", '');
    }
}

Answer 2

Вы можете проверить свои данные следующим образом:

var inputCmp = component.find("customer_po");
var value    = inputCmp.get("v.value");

// Is input numeric?
if (isNaN(value))
     inputCmp.set("v.errors", [{message:"Input not a number: " + value}]); // Set Error
else inputCmp.set("v.errors", null);                                       // Clear Error