formvalidation版本1.3.0在单个字段上进行多个远程验证

时间:2018-09-06 10:53:22

标签: javascript validation formvalidation.io

我使用的是formvalidation 1.3..0(网站:http://formvalidation.io/),我无法弄清楚如何在单个字段上使用多个远程验证器。

我发现了有关0.8.x版本的一些问题,其中提到了配置中的别名属性,但在1.3.0版本中似乎不起作用。

由于有一个全新的已启动项目,因此无法选择使用旧版本。

如果有人可以帮助我-非常感谢!

在下面的验证器部分中,将不起作用的特定代码称为remote2。

const fv = FormValidation.formValidation(
    signupForm,
    {
        fields: {                
            'User[email]': {
                validators: {
                    emailAddress: {
                        message: AppOptions.FormValidation.Error.EmailInvalid,
                    },
                    notEmpty: {
                        message: AppOptions.FormValidation.Error.NotEmpty,
                    },
                    remote: {
                        message: AppOptions.FormValidation.Error.UserEmailInvalid,
                        url: AppOptions.FormValidation.Remote.UserEmail,
                        method: 'POST',
                        data: function() {
                            return {
                                email: signupForm.querySelector('[name="User[email]"]').value,
                            };
                        }
                    },
                    remote2: {
                        message: AppOptions.FormValidation.Error.BlockedEmailProvider,
                        url: AppOptions.FormValidation.Remote.BlockedEmailProvider,
                        method: 'POST',
                        data: function() {
                            return {
                                domain: signupForm.querySelector('[name="User[email]"]').value.substr(signupForm.querySelector('[name="User[email]"]').value.indexOf('@') +  1),
                            };
                        }
                    }
                }
            },
        },
        plugins: {
            autoFocus: new FormValidation.plugins.AutoFocus(),
            trigger: new FormValidation.plugins.Trigger({
                delay: {
                    'User[email]' : 1
                }
            }),
            submitButton: new FormValidation.plugins.SubmitButton(),
            defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
            bootstrap: AppOptions.FormValidation.Framework,
            icon: new FormValidation.plugins.Icon({
                valid: AppOptions.FormValidation.Icon.Valid,
                invalid: AppOptions.FormValidation.Icon.Invalid,
                validating: AppOptions.FormValidation.Icon.Validating,
            }),
        },
    }
);

0 个答案:

没有答案