使用开关案例验证表单

发布于 2025-01-24 07:07:51 字数 567 浏览 0 评论 0原文

我正在创建一个具有2个条件的表单验证。这是使用Switch Case与其他语句使用Switch Case的好方法吗？还是这是皱眉？如果是这样，在不使用外部库的情况下，可以更好地解决此问题的方法，谢谢。

代码：

const validate = ( name, value) => {
   switch (name) {
   case "user_name":
if (!value) {
 setErrors({ ...errors, user_name: "Please, submit required data" });
 } else if (!new RegExp(/^[A-Za-z0-9]+$/).test(value)) {
 setErrors({
...errors,
 user_name: "Please, provide the data of indicated type(no special characters)",
});
 } else {
let newObj = omit(errors, "user_name");
 setErrors({ ...newObj });
 }
 break;
.....

原文

I am creating a form validation with 2 conditions to validate. Is this a good way to use switch case with if else statement? Or is this something that is frown upon? If so, what would a better way to approach this without using external library, thank you.

Code:

const validate = ( name, value) => {
   switch (name) {
   case "user_name":
if (!value) {
 setErrors({ ...errors, user_name: "Please, submit required data" });
 } else if (!new RegExp(/^[A-Za-z0-9]+$/).test(value)) {
 setErrors({
...errors,
 user_name: "Please, provide the data of indicated type(no special characters)",
});
 } else {
let newObj = omit(errors, "user_name");
 setErrors({ ...newObj });
 }
 break;
.....

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我是有多爱你 2025-01-31 07:07:51

它不是很可读，所以我不会说这是最好的方法，但绝对不是最糟糕的方法。您可以尝试这样的事情。

const validate = (name, value) => {
  if (!value) {
    setErrors({ ...errors, [name]: "Please, submit required data" })
    return
  }
  
  switch (name) {
    case "user_name": {
      if (!new RegExp(/^[A-Za-z0-9]+$/).test(value)) {
        setErrors({
          ...errors,
          user_name: "Please, provide the data of indicated type(no special characters)"
        })
        return
      }
    }
  }
  
  const newObj = omit(errors, name)
  setErrors({ ...newObj })
}

It's not very readable so I wouldn't say it's the best way, but it's definitely not the worst. You could try something like this.

const validate = (name, value) => {
  if (!value) {
    setErrors({ ...errors, [name]: "Please, submit required data" })
    return
  }
  
  switch (name) {
    case "user_name": {
      if (!new RegExp(/^[A-Za-z0-9]+$/).test(value)) {
        setErrors({
          ...errors,
          user_name: "Please, provide the data of indicated type(no special characters)"
        })
        return
      }
    }
  }
  
  const newObj = omit(errors, name)
  setErrors({ ...newObj })
}

回复收藏 0 原文

~没有更多了~