$('.my-textarea').highlightWithinTextarea({
highlight: whatever // string, regexp, array, function, or custom object
});import {
compose,
curry,
head,
isEmpty,
length,
not,
prop,
} from 'ramda'
import spected from 'spected'
// predicates
const notEmpty = compose(not, isEmpty)
const hasCapitalLetter = a => /[A-Z]/.test(a)
const isGreaterThan = curry((len, a) => (a > len))
const isLengthGreaterThan = len => compose(isGreaterThan(len), prop('length'))
// error messages
const notEmptyMsg = field => `${field} should not be empty.`
const minimumMsg = (field, len) => `Minimum ${field} length of ${len} is required.`
const capitalLetterMag = field => `${field} should contain at least one uppercase letter.`
// rules
const nameValidationRule = [[notEmpty, notEmptyMsg('Name')]]
const randomValidationRule = [
[isLengthGreaterThan(2), minimumMsg('Random', 3)],
[hasCapitalLetter, capitalLetterMag('Random')],
]
const validationRules = {
name: nameValidationRule,
random: randomValidationRule,
}
spected(validationRules, {name: 'foo', random: 'Abcd'})
// {name: true, random: true}
var { h, patch } = picodom
/** @jsx h */
let element, oldNode
function render(newNode) {
return (element = patch(
document.body,
element,
oldNode,
(oldNode = newNode)
))
}
function view(state) {
return (
<div>
<h1>{state}</h1>
<input
oninput={e => render(view(e.target.value))}
value={state}
type="text"
/>
</div>
)
}
render(view("Hello Picodom!"))Категории:
Оставить на заметку в:
