Проверка на стороне клиента Reactjs

Question

Я использую React в моем проекте. Я создал страницу CRUD для управления пользователями. Для этого я следовал статье http://spapas.github.io/2015/06/05/comprehensive-react-flux-tutorial/

К сожалению, в этой статье не существует способа добавить проверку на стороне клиента. Я пытался использовать обычный javascript, но это был неправильный подход.

Я хотел знать, как мы можем добавить валидацию на стороне клиента для вышеуказанной проблемы.

Answer 1

Я написал library, который будет заботиться о всем, что касается проверки полей на стороне клиента.

Чтобы проверить свои поля, вам просто нужно обернуть компонент поля, и все готово ... экономя при этом управление вручную вручную.

<Validation group="myGroup1" 
    validators={[ 
      { 
      validator: (val) => !validator.isEmpty(val), 
      errorMessage: "Cannot be left empty" 
      }, ... 
     }]}> 
      <TextField value={this.state.value} 
         className={styles.inputStyles} 
         style={{width: "100%"}} 
         onChange={ 
         (evt)=>{ 
          console.log("you have typed: ", evt.target.value); 
         } 


    }/> 

Answer 2

Вы имеете в виду проверку формы? Есть несколько мест, в которые вы можете добавить подтверждение.
Например, вы можете проверить в значений в „поля формы обработчик OnChange“ или Validate в подать нажмите Обработчик кнопки