【问题标题】:Validating group of fields with jQuery validate使用 jQuery validate 验证字段组
【发布时间】:2011-01-28 07:19:14
【问题描述】:

假设我有一个包含电子邮件和电话字段的表单,我想检查其中至少一个是否正确。我的意思是,我同意用户输入有效的电话和无效的电子邮件。有没有办法使用 jQuery 验证插件来做到这一点? (我无法找到一套涵盖所有案例的选项,最终手动编码)

【问题讨论】:

    标签: jquery validation jquery-plugins


    【解决方案1】:

    我为验证 jQuery 中的字段编写了一个插件,它可以很好地完成您想要的操作。

    警告:我真的认为这是解决您问题的最佳解决方案,但不要只相信我的话,因为我不能客观。

    你可以在这里获取插件:http://plugins.jquery.com/project/validate-field

    做你需要的:

    $('#email,#phone').validateField({
        notEmpty: function (val) { // if this function returns true, the field must not be empty
            return ($('#email:blank,#phone:blank').size() > 1);
        },
        message: 'Please fill in either the Email or Phone field',
        validateOn: '#email,#phone',
        validateEvent: 'change'
    });
    

    编辑:添加了validateOnvalidateEvent,以确保两个对象上的错误在填写时都被清除。

    【讨论】:

    • 即将推出的下一个版本将为您提供将错误消息添加到表单顶部或底部元素的选项。将选择器放在errorBlock 选项中以允许这样做。
    • 基本上,您是手动完成的,jQuery validate 可以使用depends: "#id:blank" 声明式地验证空白。
    • @synapse,所以它可以。我已经相应地简化了函数。
    • ...并且还上传了一个新版本,其中包括:empty 选择器(除非它已经定义)和:valid 选择器(如果您希望使用它)。
    猜你喜欢
    • 2011-11-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-21
    相关资源
    最近更新 更多