driver / form / validator

[fabienjuif]

• add metadata store
• add a validator function to get (as a callback)
  • if the function is here: call it + test classic HTML5 like required and pattern
  • if the function is not here, just test classic HTML5 like required and pattern
  • if false, test nothing

get should returns

• undefined if tests failed, and errors store is filled with errors
• values if tests are ok

  // test inputs (required/pattern)
  const loginValues = form('login').get()

  //  test input "name" (required/pattern)
  const name = form('login').get('name')

  // test inputs (required/pattern + validator)
  const loginValues = form('login').get(values => values.name.length > 10)

  //  test input "name" (required/pattern + validator)
  const name = form('login').get('name', value => value.length > 10)

  // test inputs (validator only)
  const loginValues = form('login').get(values => values.name.length > 10, false)

  //  test input "name" (validator only)
  const name = form('login').get('name', value => value.length > 10, false)

to set metadata:

form('login').setMetadata({ name: { required: true, pattern: /[a-b]+/ } })

[fabienjuif]

or get.validate ? get alone will not do validation ?

const loginValues = form('login').get()
const loginValues = form('login').get.validate()
const name = form('login').get.validate('name') // feel odd

[guillaumecrespel]

I think we can pass the validator on second function props .

  const loginValues = form('login').get(([value, validator]) => {})
  const loginValues = form('login').get('name', (value, validator) => {})

[fabienjuif]

with middleware support

  // test inputs (required/pattern)
  const loginValues = form('login').get()

  //  test input "name" (required/pattern)
  const name = form('login').get('name')

  // test inputs (required/pattern + validator)
  // - doesn't call the internal validator
  const loginValues = form('login').get((values, next) => {
    if (values.name.length > 10) return true
    return { name: 'wrong_length' }
   })
  // - call the internal validator
  const loginValues = form('login').get((values, next) => {
    if (values.name.length > 10) return [{ name: 'wrong_length' }, ...next(values)]
    return true
  })

  //  test input "name" (required/pattern + validator)
  const name = form('login').get('name', value => {
    if (value.length > 10) return true
    return 'wrong_length'
   })