error on the interface

src/edit.js

@@ -18,12 +18,20 @@ export default function (compDef) {
 
     for (let fieldName of fieldNames) {
       const componentField = compDef.fields[fieldName]
-      const field = <Input key={fieldName} value={next[fieldName] ||''}
+      const fieldError = `${fieldName}Error`
+      let error = ''
+      if (next[fieldError]) {
+	error = <span>{next[fieldError]}</span>
+      }
+      const field = <div key={fieldName}>
+	    <Input  value={next[fieldName] ||''}
       type={componentField.uiType} label={componentField.label} name='name' icon='assignment'
       onChange={(e) => {
 	next[fieldName] = e
 	save()
       }}/>
+	      {error}
+	</div>
 	listFields.push(field)
     }
 

src/providers.js

@@ -62,12 +62,14 @@ export default function (compDef) {
 	const value = String(action.component[fieldName])
 	const validators = fields[fieldName].validate
 	if (validators && validators.length > 0) {
+	  let validatorPassed = true
 	  for (let validator of validators) {
 	    const valid = validator.func(value, validator.params)
 	    if (!valid) {
 	      next.isValid = false
 	      next[`${fieldName}Error`] = validator.message
 	    }
+	    else {delete next[`${fieldName}Error`]}
 	  }
 	}
       }