Question

我在我的项目中使用React。我已经建立了一个用于管理用户的CRUD页面。为此我跟着文章 http://spapas.github.io/2015/06/05/comprehensive-react-flux-tutorial/

不幸的是，在本文中没有给出添加客户端验证的方法。我尝试使用普通的javascript，但这是错误的方法。

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

Answer 1

您的意思是表单验证吗？您可以在几个地方添加验证。
例如，您可以在表单字段中验证＆＃39; ＆＃39; onChange＆＃39;中的值处理或验证提交按钮的点击处理程序

Answer 2

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


     }/>

Reactjs客户端验证

2 个答案: