使用JQuery Validate Plugin来验证具有相同名称的多个表单域

前端之家收集整理的这篇文章主要介绍了使用JQuery Validate Plugin来验证具有相同名称的多个表单域前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个动态生成的表单与输入字段具有相同的名称(例如:“地图”)。我没有更改字段名称生成唯一字段名称的选项,因为表单处理程序代码(Perl / CGI)设计为处理输入值数组(在这种情况下为@map)。

如何在这种情况下使用JQuery Validate Plugin验证表单?具体来说,我想要提交的数组的一个元素有一定的固定值。我目前使用自定义事件处理程序创建一个JSON对象与serializeArray(),然后遍历它,以确保满足条件。但是由于我在其余的应用程序中使用了验证插件,我想知道这种情况是否可以使用相同的插件处理。

感谢您的关注。

解决方法

我花了一些时间搜索和尝试不同的事情,当我终于试图做最简单的方法做多个领域的验证。每个字段及其克隆共享每个集合唯一的类。我只是循环输入与该类,并像往常一样添加我的验证规则。我希望这可以帮助别人。
$("#submit").click(function(){
    $("input.years").each(function(){
        $(this).rules("add",{
            required: true,messages: {
                required: "Specify the years you worked"
            }
        } );            
    });

    $("input.employerName").each(function(){
        $(this).rules("add",messages: {
                required: "Specify the employer name"
            }
        } );            
    }); 

    $("input.employerPhone").each(function(){
        $(this).rules("add",minlength: 10,messages: {
                required: "Specify the employer phone number",minlength: "Not long enough"
            }
        } );            
    }); 

    $("input.position").each(function(){
        $(this).rules("add",messages: {
                required: "Specify your position"
            }
        } );            
    });             

    $("input.referenceName").each(function(){
        $(this).rules("add",messages: {
                required: "Specify the reference name"
            }
        } );            
    });         

    $("input.referencePhone").each(function(){
        $(this).rules("add",messages: {
                required: "Specify your reference phone number",minlength: "Not long enough"
            }
        } );            
    });

// Now do your normal validation here,but don't assign rules/messages for the fields we just set them for





});
原文链接:https://www.f2er.com/jquery/185505.html

猜你在找的jQuery相关文章