添加验证到动态创建的复选框jQuery

时间:2017-01-25 18:08:06

标签: javascript jquery html5 validation checkbox

我正在研究动态表格,即收音机,动态添加复选框。不幸的是,我坚持添加验证。

如何将需要属性添加到复选框?

以下代码

<ol type="a">
  <li><input type="radio" name="answer0[]">A</li>
  <li><input type="radio" name="answer0[]">A</li>
  <li><input type="radio" name="answer0[]">A</li>
</ol>
<ol type="a">
  <li><input type="checkbox" name="answer1[]">A</li>
  <li><input type="checkbox" name="answer1[]">A</li>
  <li><input type="checkbox" name="answer1[]">A</li>
</ol>
  1. 输入类型取决于无线电或复选框的问题
  2. 可能有任意数量的问题 answer1 [],answer2 [],answer3 []
  3. 第一种方法如下

    $('ol').each(function (i) {
        $(this).find("input:first").prop("required", true);
    });
    

    由于输入元素具有相同的名称,因此无线电类型工作正常但是只需要首先输入复选框。

    第二

    $('ol').each(function (i) {
        $("[name='answer"+i+"[]']").rules("add", {required:true});
    });
    

    但它会出现以下错误

      

    无法读取属性&#39;设置&#39;未定义的

    如何在复选框中添加验证,必须至少检查一个......

3 个答案:

答案 0 :(得分:1)

好的尝试这个解决方案:

line=re.sub(r'^\*'+re.escape(device)+'@',device+'@',line)

答案 1 :(得分:0)

你可以尝试

$('ol').each(function (i) {
    $(this).find("input[type='checkbox']").prop("required", true);
});

尝试检查已选中复选框的长度

$('ol').find('input[type="checkbox"]:checked').length

答案 2 :(得分:0)

我将动态逻辑直接添加到“规则”中。 我最近解决了自己的问题,其中一个表单有两个默认的提交按钮。添加规则作为功能处理它。