React js输入onChange验证不起作用

huangapple go评论67阅读模式
英文:

React js input onChange Validation is not Working

问题

以下是翻译好的代码部分:

onChange={(e) => {
    if (e.target.value.match("^[a-zA-Z]*$") != null) {
        setName(e.target.value);
        // console.log(setName);
    } else {
        toast.error("Please match the required format");
    }
}}

"this required validation is not working. database is updated with empty string" 未被翻译。

英文:
onChange={(e) => {
    if (e.target.value.match("^[a-zA-Z]*$") != null) {
        setName(e.target.value);
        // console.log(setName);
    } else {
        toast.error("Please match the required format");
    }
}}

this required validation is not working. database is updated with empty string

答案1

得分: 1

你也可以像这样使用 test

onChange={(e) => {
    if (/^[a-zA-Z]*$/.test(e.target.value)) {
        setName(e.target.value);
        // console.log(setName);
    } else {
        toast.error("请匹配所需的格式");
    }
}}

希望这对你有所帮助。

英文:

You can also use test like:

onChange={(e) => {
 if (/^[a-zA-Z]*$/.test(e.target.value)) {
     setName(e.target.value);
     // console.log(setName);
 } else {
     toast.error("Please match the required format");
 }
}}

Hope it maybe helpful.

答案2

得分: 0

onChange = {(e) => {
if(e.target.value.match("^[a-zA-Z]*$") === true){
setName(e.target.value)
} else {
toast.error("Please match the required format")
}
}}

英文:
onChange = {(e) => {
  if(e.target.value.match("^[a-zA-Z]*$") === true){
    setName(e.target.value) 
  } else {
    toast.error("Please match the required format")
  }
}}

huangapple
  • 本文由 发表于 2023年2月16日 09:43:06
  • 转载请务必保留本文链接:https://go.coder-hub.com/75467053.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定