Resources for learning web design & front-end development:
ONLINE
Design
Syed Suhail Ahmed syedsuhail
syedsuhail
/ validationState.js
Last active
December 17, 2017 17:45
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| this.state = { | |
| validation:{ | |
| price: ["totalPrice"] , | |
| totalPrice: [greaterThanField("price")] | |
| } | |
| } | |
| /* Rest of the component */ | |
| validateField = (fieldName,fieldValue) =>{ | |
| let errorMessage; |
syedsuhail
/ validation.js
Created
December 17, 2017 17:39
Validation based on value of another field
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const greaterThanField = (fieldName) => (fieldValue,formData) => | |
| fieldValue > formData[fieldName] ? undefined : `Value must be greater that ${fieldName}`; | |
| /* Rest of the component */ | |
| this.state = { | |
| validation:{ | |
| totalPrice: [greaterThanField("price")] | |
| } | |
| } | |
| /* Rest of the component */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Rest of the component */ | |
| validateField = (fieldName,fieldValue) =>{ | |
| let errorMessage; | |
| this.state.validations[fieldName].forEach( (validation)=>{ | |
| errorMessage = validation(fieldValue); | |
| if(errorMessage){return} | |
| }); | |
| this.setState({ | |
| error:{ |
syedsuhail
/ learning_resources.md
Last active
August 29, 2015 14:13
— forked from nathansmith/web-design-development-learning-resources.md
syedsuhail
/ business-models.md
Created
July 24, 2014 08:21
— forked from ndarville/business-models.md