在必填字段且值为空时如何显示错误消息?

时间:2018-09-05 12:37:12

标签: javascript reactjs validation material-design material-ui

我正在使用此plugin来验证我的表单。当发生.click时,我想在button上显示错误消息。在我的表单中,所有字段均为required,因此我需要验证表单。

我尝试使用下面的代码,但不起作用

<FormControl className={classes.formControl}>
            <TextValidator
              required
              InputLabelProps={{
                shrink: true
              }}
              id="name"
              label="search value"
              name="searchValue"
              value={searchValue}
              onChange={event => handleInput(event, "searchValue")}
              validators={["required"]}
              errorMessages={["this field is required"]}
              margin="normal"
            />
          </FormControl>

这是我的代码 https://codesandbox.io/s/l40l795vx7

<SearchForm
          handleInput={this.handleInputFieldChange}
          submitClick={this.submitButtonClickHandle}
          form={form}
        />

1 个答案:

答案 0 :(得分:0)

我不确定您要在其中验证的内容,因为我对插件不熟悉。但是,如果表单无效,则很容易显示错误。

您已经从ABS(DATEDIFF(DAY, ca.DateColumn, T1.DateColumn))的{​​{1}}中保存了ORDER BY,因此在values函数中要做的事情如下:

inputs