javascript - Jquery Validation 使用索引验证表单数组

标签 javascript jquery validation

<分区>

我需要验证下面提到的楼层字段。

<form id="test_form" >
<input name="floor[abc]" type="text" class="input_txt_l " value="" />
<input name="floor[cde]" type="text" class="input_txt_l " value="" />
</form>

我尝试使用 jquery 验证器插件。

jQuery("#test_form").validate({
    rules: {
    'floor[]':{
        required:true
    }},
messages: {
        'floor[]':{
            required:"floor is required."
            }
     }
    });

此处验证无效。但如果地板没有索引,效果很好。如果有人有解决此问题的想法,请帮助我。

最佳答案

有多种方法可以解决您的问题:

要么你使用addClassRules:

// using the class name instead of field name
jQuery.validator.addClassRules("input_txt_l", {
    required: true       
});

或者您分别处理每个字段,因为实际上它们的名称不同:

jQuery("#test_form").validate({
    rules: {
        'floor[abc]':{
            required:true
        },
        'floor[cde]':{
            required:true
        },
    }
});

或者您重命名您的字段:

HTML:

<input name="floor[][abc]" type="text" class="input_txt_l " value="" />
<input name="floor[][cde]" type="text" class="input_txt_l " value="" />

JavaScript:

jQuery("#test_form").validate({
    rules: {
    'floor[]':{
        required:true
    }},
});

fiddle is here .

关于javascript - Jquery Validation 使用索引验证表单数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27374481/

相关文章:

javascript - 停止 onmouseenter 在 Chrome 和 Firefox 中重复触发

javascript - jQuery 事件。向他被召集的事件发送信息

javascript - MVC5 - 检查用于搜索日期字段的 2 个日期(文本框)之间的重叠

java - 同时接受多个IntellijIdea的检查建议(都是同类型)

javascript - 当用户点击时更改 Google map 标记图标

javascript - SAPUi5 文件 uploader 设置 WebKitFormBoundary

javascript - 如何使此代码适用于更大的数字?

jquery - 如何使用 jQuery 删除 Bootstrap Multiselect 中的所有选项?

javascript - 如何将 <li> 附加为 <ul> 中的第一个列表项

validation - ASP.NET MVC : DataAnnotation validation execution order