Javascript React.js验证

因此，我在React.js中尝试验证一个表单，如下所示：

({
render: function() {
    return React.DOM.form({
      className: 'form-inline',
      onSubmit: this.handleSubmit
    },React.DOM.div({
        className: 'form-group'
     }, React.DOM.input({
          type: 'text',
          className: 'form-control',
          placeholder: 'Name (CN)',
          name: 'team_name',
          value: this.state.team_name,
          onChange: this.handleChange
          })));
    }
});

因此，名称必须是中文，正如上面表格中所提示的那样，为了验证，我在帖子前面放置了一个类似于

if (chinese.test(this.state.team_name)) {
   $.post ...;
} else {
   console.log("Chinese language error");
}

其中

chinese

是汉字的正则表达式

我的问题是在提交失败后，如何使用引导程序向用户发出通知，告知表单存在问题

我知道在按下submit时，组件会被重新渲染，因此我尝试设置一个状态变量并将其渲染为：

if (chinese.test(this.state.team_name)) {
   $.post ...;
} else {
   console.log("Chinese language error");
   this.setState({error: true});
}

然后

({
render: function() {
    if (this.state.error) {
        React.DOM.div;
    }
    return React.DOM.form({
      className: 'form-inline',
      onSubmit: this.handleSubmit
    },React.DOM.div({
        className: 'form-group'
     }, React.DOM.input({
          type: 'text',
          className: 'form-control',
          placeholder: 'Name (CN)',
          name: 'team_name',
          value: this.state.team_name,
          onChange: this.handleChange
          })));
    }
});

但那没用。那么，使用React.js有什么方法可以在验证过程中通过引导HTML呈现通知或错误呢

---

谢谢

所以我设法用

localStorage

使用正则表达式调用验证后，如果验证没有通过，我将使用

localStorage.setItem（'token'，'message）

之后，在呈现表单的组件中，我使用

localStorage.getItem（'token'）

---

不是所有情况下最优雅的解决方案，但它非常适合我，因为每次设置新消息之前，我都会清除

localStorage

。

Hi。如果你想更快更好地获得反馈，试着在你的问题中使用javascript，而不是咖啡。据我所知，没有那么多用户使用咖啡脚本。