made with esnextbin
Created
November 30, 2016 04:55
-
-
Save w3aran/f95640f1e37e3e093f856de41c2e48cd to your computer and use it in GitHub Desktop.
esnextbin sketch
This file contains 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
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>ESNext Bin Sketch</title> | |
<!-- CSS Reset --> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css"> | |
<!-- Milligram CSS minified --> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.1.0/milligram.min.css"> | |
<style> | |
h1 { | |
text-align: center; | |
margin-top: 20px; | |
} | |
</style> | |
<!-- put additional styles and scripts here --> | |
</head> | |
<body> | |
<div id="app"></div> | |
<!-- put markup and other contents here --> | |
</body> | |
</html> |
This file contains 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
import React from 'react'; | |
import ReactDOM from 'react-dom'; | |
import Validator from "validatorjs"; | |
var data = { | |
name: '', | |
emailEl: '', | |
age: 18, | |
values: { firstName: 'jjjj'} | |
}; | |
var rules = { | |
name: 'required', | |
emailEl: 'required|email', | |
age: 'min:18', | |
'values.firstName': 'required' | |
}; | |
// var valuesRules = { | |
// firstName: 'required' | |
// } | |
// Validator.register('valuesValidation', function(value, requirement, attribute) { | |
// console.log(value, requirement, attribute) | |
// const t = value.map(obj => { | |
// var v = new Validator(obj, valuesRules); | |
// v.passes() | |
// return v.errors.all() | |
// }) | |
// console.log(t) | |
// return t; | |
// }, 'The :attribute phone number is not in the format XXX-XXX-XXXX.'); | |
var validation = new Validator(data, rules, { | |
"required.emailEl": "Please enter required", | |
"email.emailEl": "Please enter valid email for field :attribute" | |
}); | |
validation.passes(); | |
const App = ({ title }) => { | |
return ( | |
<div> | |
<h1>{title}</h1> | |
<textarea> | |
{JSON.stringify(validation.errors.all())} | |
</textarea> | |
</div> | |
); | |
}; | |
ReactDOM.render( | |
<App title="validationjs Demo" />, | |
document.getElementById('app') | |
); |
This file contains 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
{ | |
"name": "esnextbin-sketch", | |
"version": "0.0.0", | |
"dependencies": { | |
"react": "0.14.7", | |
"react-dom": "0.14.7", | |
"validatorjs": "2.0.5", | |
"babel-runtime": "6.18.0" | |
} | |
} |
This file contains 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
'use strict'; | |
var _stringify = require('babel-runtime/core-js/json/stringify'); | |
var _stringify2 = _interopRequireDefault(_stringify); | |
var _react = require('react'); | |
var _react2 = _interopRequireDefault(_react); | |
var _reactDom = require('react-dom'); | |
var _reactDom2 = _interopRequireDefault(_reactDom); | |
var _validatorjs = require('validatorjs'); | |
var _validatorjs2 = _interopRequireDefault(_validatorjs); | |
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | |
var data = { | |
name: '', | |
emailEl: '', | |
age: 18, | |
values: { firstName: 'jjjj' } | |
}; | |
var rules = { | |
name: 'required', | |
emailEl: 'required|email', | |
age: 'min:18', | |
'values.firstName': 'required' | |
}; | |
// var valuesRules = { | |
// firstName: 'required' | |
// } | |
// Validator.register('valuesValidation', function(value, requirement, attribute) { | |
// console.log(value, requirement, attribute) | |
// const t = value.map(obj => { | |
// var v = new Validator(obj, valuesRules); | |
// v.passes() | |
// return v.errors.all() | |
// }) | |
// console.log(t) | |
// return t; | |
// }, 'The :attribute phone number is not in the format XXX-XXX-XXXX.'); | |
var validation = new _validatorjs2.default(data, rules, { | |
"required.emailEl": "Please enter required", | |
"email.emailEl": "Please enter valid email for field :attribute" | |
}); | |
validation.passes(); | |
var App = function App(_ref) { | |
var title = _ref.title; | |
return _react2.default.createElement( | |
'div', | |
null, | |
_react2.default.createElement( | |
'h1', | |
null, | |
title | |
), | |
_react2.default.createElement( | |
'textarea', | |
null, | |
(0, _stringify2.default)(validation.errors.all()) | |
) | |
); | |
}; | |
_reactDom2.default.render(_react2.default.createElement(App, { title: 'validationjs Demo' }), document.getElementById('app')); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment