a＆lt;闪电周围的红色边框：输入＆gt;

Question

显示红色边框

<lightning:input>

在Aura Lightning中，我想控制何时在无效输入时向用户表示的方式

。此示例显示了使用常规html https://wwww.lightningdesigndesignsignsem.com/components/ input/

Answer 1

我想出了一种方法。

    <aura:renderIf isTrue="{!v.isError}">
        <div class="slds-form-element slds-has-error">
            <label class="slds-form-element__label" for="text-input-id-48">
                <abbr class="slds-required" title="required">* </abbr>Input Label</label>
            <div class="slds-form-element__control">
                <lightning:input label=" Use the format 1d 12h 30m - d=days, h=hours, m=minutes" type="text" value="{!v.userInputTime}" aura:id="userInputTime" onchange="{!c.onDurationChanged}" placeholder="1d 12h 30m"/>
            </div>
            <div class="slds-form-element__help" id="error-message-id-49">Enter a value.</div>
        </div>
        </aura:renderIf>
        <aura:renderIf isTrue="{!not(v.isError)}">
            <lightning:input label=" Use the format 1d 12h 30m - d=days, h=hours, m=minutes" type="text" value="{!v.userInputTime}" aura:id="userInputTime" onchange="{!c.onDurationChanged}" placeholder="1d 12h 30m"/>
        </aura:renderIf>