v0.0.6

README.md

@@ -53,20 +53,26 @@ render: function() {
       <div className="form-group">
         <label>Title</label>
         <input className="form-control" value={this.state.title} onChange={this.setTitle} />
-        {/*   This is where the magic happens     */}
+
+        {/**********   This is where the magic happens     ***********/}
         {this.validator.message('title', this.state.title, 'required|alpha')}
+
       </div>
       <div className="form-group">
         <label>Email</label>
         <input className="form-control" value={this.state.email} onChange={this.setEmail} />
-        {/*   This is where the magic happens     */}
+
+        {/**********   This is where the magic happens     ***********/}
         {this.validator.message('email', this.state.email, 'required|email', 'text-danger')}
+
       </div>
       <div className="form-group">
         <label>Review</label>
         <textarea className="form-control" value={this.state.review} onChange={this.setReview} />
-        {/*   This is where the magic happens     */}
+
+        {/**********   This is where the magic happens     ***********/}
         {this.validator.message('review', this.state.review, 'required|min:20|max:120', false, {min: 'Custom min error'})}
+
       </div>
       <button className="btn btn-primary" onClick={this.submitForm}>Save Review</button>
     </div>

bower.json

@@ -2,7 +2,7 @@
   "name": "simple-react-validator",
   "description": "A simple react form validator inspired by Laravel validation.",
   "main": "dist/simple-react-validator.min.js",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "authors": [
     "Stuart Yamartino"
   ],

dist/simple-react-validator.js

@@ -24,7 +24,8 @@ var SimpleReactValidator = function () {
 
     _classCallCheck(this, SimpleReactValidator);
 
-    this.fields = [];
+    this.fields = {};
+    this.errorMessages = {};
     this.messagesShown = false;
     this.rules = _extends({
       accepted: { message: 'The :attribute must be accepted.', rule: function rule(val) {
@@ -107,6 +108,11 @@ var SimpleReactValidator = function () {
   }
 
   _createClass(SimpleReactValidator, [{
+    key: 'getErrorMessages',
+    value: function getErrorMessages() {
+      return this.errorMessages;
+    }
+  }, {
     key: 'showMessages',
     value: function showMessages() {
       this.messagesShown = true;
@@ -152,6 +158,7 @@ var SimpleReactValidator = function () {
     value: function message(field, value, testString, customClass) {
       var customErrors = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
 
+      this.errorMessages[field] = null;
       this.fields[field] = true;
       var tests = testString.split('|');
       var rule, options, message;
@@ -166,6 +173,7 @@ var SimpleReactValidator = function () {
           if (this.messagesShown) {
             message = customErrors[rule] || customErrors.default || this.rules[rule].message.replace(':attribute', field.replace(/_/g, ' '));
 
+            this.errorMessages[field] = message;
             if (options.length > 0 && this.rules[rule].hasOwnProperty('messageReplace')) {
               return this._reactErrorElement(this.rules[rule].messageReplace(message, options));
             } else {
@@ -175,7 +183,6 @@ var SimpleReactValidator = function () {
         }
       }
     }
-
     // Private Methods
 
   }, {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-react-validator",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "A simple react form validator inspired by Laravel validation.",
   "main": "dist/simple-react-validator.min.js",
   "dependencies": {},