Validations in Salesforce Lightning Form

This is a validation rule for ‘Account name is not empty’ right?

Thanks, I will implement this for my lightning form.

It works flawlessly! Thanks

I used this in a helper for my JS controller, here is my code:

Component:

<aura:component controller =”CampingListController”>

<aura:attribute name=”items” type=”Camping_Item__c[]”/>
<aura:attribute name=”newItem” type=”Camping_Item__c”
default=”{ ‘sobjectType’: ‘Camping_Item__c’,
‘Name’: ”,
‘Packed__c’: false }”/>

<aura:handler name=”init” action=”{!c.doInit}” value=”{!this}”/>

<div class=”slds-col slds-col–padded slds-p-top–large”>
<div aria-labelledby=”newcampingitemform”>

<fieldset class=”slds-box slds-theme–default slds-container–small”>

<legend id=”newcampingitemform” class=”slds-text-heading–small
slds-p-vertical–medium”>
Add Camping Item
</legend>

<form class=”slds-form–stacked”>

<div class=”slds-form-element slds-is-required”>
<div class=”slds-form-element__control”>
<ui:inputText aura:id=”campname” label=”Camping Item Name”
class=”slds-input”
labelClass=”slds-form-element__label”
value=”{!v.newItem.Name}”
required=”true”/>
</div>
</div>

<div class=”slds-form-element slds-is-required”>
<div class=”slds-form-element__control”>
<ui:inputNumber aura:id=”quantity” label=”Quantity”
class=”slds-input”
labelClass=”slds-form-element__label”
value=”{!v.newItem.Quantity__c}”
required=”true”/>

</div>
</div>

<div class=”slds-form-element”>
<div class=”slds-form-element__control”>
<ui:inputCurrency aura:id=”price” label=”Price”
class=”slds-input”
labelClass=”slds-form-element__label”
value=”{!v.newItem.Price__c}”
required=”true”/>
</div>
</div>

<div class=”slds-form-element”>
<ui:inputCheckbox aura:id=”packed” label=”Packed?”
class=”slds-checkbox”
labelClass=”slds-form-element__label”
value=”{!v.newItem.Packed__c}”/>
</div>

<div class=”slds-form-element”>
<ui:button label=”Create Item”
class=”slds-button slds-button–brand”
press=”{!c.saveItem}”/>
</div>

</form>

</fieldset>

</div>

</div>

JS Controller Method:

saveItem: function(component, event, helper) {

if(helper.validateCampingItem(component)){
// Create the new expense
var newItem = component.get(“v.newItem”);
helper.createItem(component, newItem);
}

Helper Method:

validateCampingItem : function(component) {
var validRecord = true;

// Name must not be blank
var nameField = component.find(“campname”);
var campname = nameField.get(“v.value”);
if ($A.util.isEmpty(campname)){
validRecord = false;
nameField.set(“v.errors”, [{message:”Camping name can’t be blank.”}]);
}
else {
nameField.set(“v.errors”, null);
}
var quantityField = component.find(“quantity”);
var quantity = quantityField.get(“v.value”);
if ($A.util.isEmpty(quantity)){
validRecord = false;
quantityField.set(“v.errors”, [{message:”Quantity can’t be blank.”}]);
}
else {
quantityField.set(“v.errors”, null);
}
var priceField = component.find(“price”);
var price = priceField.get(“v.value”);
if ($A.util.isEmpty(price)){
validRecord = false;
priceField.set(“v.errors”, [{message:”Price can’t be blank.”}]);
}
else {
priceField.set(“v.errors”, null);
}
return validRecord;
},