Reactjs客户端验证

我在我的项目中使用了React。我做了一个CRUD页面来管理用户。为此我跟着文章 http://spapas.github.io/2015/06/05/comprehensive-react-flux-tutorial/Reactjs客户端验证

不幸的是，在这篇文章中没有办法给客户端添加验证。我尝试使用正常的JavaScript，但它是错误的方法。

我想知道如何为上述问题添加客户端验证。

来源

2015-12-15 NKMY

我写了一个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); 
         } 


    }/>

来源

2017-01-18 07:01:28

你的意思是表单验证吗？有几个地方可以在其中添加验证。
例如，您可以在表单字段的onChange‘处理程序中值’验证或确认提交按钮的点击处理

来源

2015-12-15 10:25:43

所以，我必须手动使用来验证。我想我需要在状态数据或道具数据中添加验证。自定义的道具类型是否有用？ – NKMY

您需要验证的是您将发送到后端的数据。数据通常在当前组件中生成，例如用户输入。道具数据被传递给当前组件以显示或其他内容。所以他们是不同的东西。表单数据通常以状态存储，所以验证始终在状态数据中。 PropTypes仅用于开发来声明当前组件接受的数据类型。 –

Reactjs客户端验证

回答

相关问题