formvalidation.io:运行时将输入字段添加到验证器

时间:2017-08-05 20:36:01

标签: javascript jquery forms validation formvalidation.io

我正在尝试应用formValidation.io框架来验证表单中的输入字段。但要做到这一点,我不想提前提到输入字段的名称,而是想识别我的表单'#myform'中存在的'text'类型的所有输入字段,然后将输入元素名称列表传递给formValidation.io的formValidation()方法

请你帮我实现这个目标,我可以通过以下两个步骤总结一下:

例如,请考虑以下内容:

<form id="myForm">
    <input type="text" name="accountnumber" />
    <input type="text" name="forename" />
</form>

JavaScript:

$('#myForm').formValidation({
    framework: 'foundation',
    fields: {
        forename: {
            validators: {
                notEmpty: {
                    ...
                }
            }
        },
        accountnumber: {
            validators: {
                notEmpty: {
                    ...
                }
            }
        }
    }
});

根据上面的代码示例,我想

  1. 使用jquery

  2. 在表单ID'#myform'中标识'text'类型的输入元素( forename accountnumber
  3. 在运行时将forename和accountnumber输入字段传递给formValidation.io的formValidation()方法。我不想在脚本中以硬编码方式提及这些名称。相反,我希望在运行时的指定位置为每个输入字段将这些输入字段名称赋予formValidation()方法。 (我认为如果可以为此做任何循环,但不确定如何)

  4. 在所有字段上应用notEmpty验证。

  5. 验证应适用于所有已识别的字段。

  6. 请帮我解决这个问题。提前谢谢。

    此致 迪帕克

1 个答案:

答案 0 :(得分:0)

使用addField将字​​段添加到验证器

 $('#Form').formValidation('addField', 'nameOfTheField', {
                validators: {
                    //add validator for this field
                }
            });

https://formvalidation.io/guide/api/add-field/