salesforce - 如何在 ui: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

上面的答案可以使用 JS 中的 isNaN() ，但是如果您定义了一个可用于其他组件的相同类型输入的辅助方法，则可以执行以下操作。因此，还使用框架中的实用程序：

// 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