Fatal编程技术网
  • validation/
  • Validation TextValidator设置为“必需”时显示浏览器验证消息

Validation TextValidator设置为“必需”时显示浏览器验证消息

validation material-ui

Validation TextValidator设置为“必需”时显示浏览器验证消息,validation,material-ui,required-field,Validation,Material Ui,Required Field,我正在使用react material ui form validator中的TextValidator，我想要的是在输入标签中需要输入时显示“*”。但是，将required作为“true”传递是进行浏览器验证，而不是传递验证程序。 因此，一种方法是通过将“*”添加为“label Name*”来更新标签。这意味着对于每个元素，我都会更改标签文本。 但是，我想知道我可以通过必需的但使用验证器而不是浏览器验证的任何选项 可编辑，如果您有解决方案，请在此更新。查看源代码，使用生成其表单 检查这一点表明

我正在使用react material ui form validator中的TextValidator，我想要的是在输入标签中需要输入时显示“*”。但是，将required作为“true”传递是进行浏览器验证，而不是传递验证程序。 因此，一种方法是通过将“*”添加为“label Name*”来更新标签。这意味着对于每个元素，我都会更改标签文本。 但是，我想知道我可以通过必需的但使用验证器而不是浏览器验证的任何选项

可编辑，如果您有解决方案，请在此更新。

查看源代码，使用生成其表单

检查这一点表明，传递给
验证表单
（除了
提交
，
实例验证
，
一个错误
，
去BounceTime
和
子元素
）的任何道具都会传递给
表单
元素

这意味着您可以使用
novalidate
属性禁用浏览器的验证

。。。
console.log（错误）}
noValidate={true}//注意这一点
>
提交