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

如何使用闪电组件在ui：input中使用javascript进行字段验证？

2 个答案: