Tuesday, 5 December 2017

slds - ui:inputPhone validation



Component.cmp
============

<ui:inputPhone aura:id="phonenumber" class="slds-input" value="{!v.groupAccount.phoneNumber}" placeholder=" " change="{!c.onEnterPhone}" />




Controller.js
=========
 onEnterPhone : function(component, event, helper) {
        try{
        console.log('PortalGroupNew Controller onEnterPhone');
         var inputCmp = component.find("phonenumber");
        var value = inputCmp.get("v.value");
        while(value.includes('+'))
value=value.replace('+','');
        while(value.includes('-'))
        value=value.replace('-','');
        while(value.includes('('))
        value=value.replace('(','');
        while(value.includes(')'))
        value=value.replace(')','');
        // is input numeric?
        if (isNaN(value)) {
            inputCmp.set("v.errors", [{message:"Input not a number: " + value}]);
        } else {
            inputCmp.set("v.errors", null);
        }
        }catch(err){
            console.log('phone validation:'+err.stack);
        }
    }

 

No comments:

Post a Comment