可以在一个字段上以语义UI形式的验证规则在另一个字段上为条件吗？

Question

假设我有一个包含两个字段的表单。 我希望以下是可能的：

提交表单为空-验证成功两个字段都包含数据-验证成功字段一为数据，字段二为空-验证成功字段一为空，字段二为数据-验证失败

有没有办法做到这一点？

我的服务器代码已经对此进行了验证，但是我很乐意能够阻止客户端在不需要的情况下访问服务器..但是，如果不可能的话，有没有办法将表单验证错误消息传递给页面加载的形式？

谢谢！！

Answer 1

您可以将正则表达式用于复杂的验证规则

首先向form.js添加一些代码，该文件可以在以下位置访问：

语义UI主机\\语义UI主机\\ dist \\ components \\ form.js

在此代码之后

// is most likely an email
email: function(value){
  var
    emailRegExp = new RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?", "i")
  ;
  return emailRegExp.test(value);
},

添加此代码

// is most likely an my regex
regex: function(value,reg){
  var
    regexRegExp = new RegExp(reg, "i")
  ;
  return regexRegExp.test(value);
},

并在您的语义ui代码中使用它，例如

firstname: {
    identifier: "first_name",
    optional: true,
    rules: [
        {
            type: "regex[^[a-zA-Z -]+$]",
            prompt: "First name can only consist of letters, spaces and dashes"
        }
    ]
}

例如，这是我的代码，用于验证仅包含10位数字或字母的复杂鳕鱼

            $("form[data-id=\"2\"]").form({
                v: { identifier: 'active_code', rules: [{ type: "regex[^[a3-z8]{10}$]", prompt: 'کد فعال سازی خود را وارد کنید'}] }
            },
            {
                inline: true,
                on: 'blur',
                transition: 'swing left',
                duration: 1000,
                onSuccess: formOnSuccess
            }
            );

完整的代码

        $("form[data-id=\"1\"]").form({
            f: { identifier: 'family', rules: [{ type: 'empty', prompt: 'فامیلی خود را وارد کنید'}] },
            e: { identifier: 'email', rules: [{ type: 'email', prompt: 'ایمیل خود را وارد کنید'}] }
        },
            {
                inline: true,
                on: 'blur',
                transition: 'swing left',
                duration: 1000,
                onSuccess: formOnSuccess
            }
        );
        $("form[data-id=\"2\"]").form({
            v: { identifier: 'active_code', rules: [{ type: "regex[^[a0-z9]{10}$]", prompt: 'کد فعال سازی خود را وارد کنید'}] }
        },
            {
                inline: true,
                on: 'blur',
                transition: 'swing left',
                duration: 1000,
                onSuccess: loadPersonal
            }
        );