Question

我有一个包含office fabric textField个控件的页面。他们有自己的onGetErrorMessage方法来验证并显示错误消息。但我不想激活onBlur或onFocusIn的验证。我想在点击“保存”按钮上验证所有内容。如何访问控件并一次性浏览控件并对其进行激活验证？控件不在标签中。

e.g。

<div>
    <div>
        <TextField label="First Name:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <TextField label="Last Name:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <TextField label="Email:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <TextField label="Username:" onGetErrorMessage={this._onError} />
    </div>
    <div>
        <input type="button" onClick={this.validate()} value="Save" />
    </div>
</div>

我首先尝试初始化TextField然后在render（）中使用它并在validate（）中访问它但是没有用。任何想法如何实现这一目标？

Answer 1

刚遇到这个，但似乎没有人回答。可以通过一个简单的事件捕获来完成：

validate = () =>{
  this.go = true;
}

_onError = () => {
  if (!this.go){
    return "";
  }
}

验证Office结构反应文本字段

1 个答案: