满足条件时使用欧芹验证表单

雅各布

我正在使用香菜验证来验证注册表。我的问题是我有一个输入,只有当用户选中一个复选框时才会启用。那么,如何仅在选中复选框时使欧芹验证该输入?

  <form name="form1"  method="POST" data-validate="parsley">
你是怎么知道我们的?
      <ul class="checklist">
        <li>
          <input name="Internet" id="Internet" value="Internet"  data-mincheck="1" data-group="mygroupp" type="checkbox">
          <label>Internet</label>
        </li>
        <li>
          <input name="Newspaper" id="Newspaper" value="Newspaper" type="checkbox" data-mincheck="1" data-group="mygroupp">
          <label>Newspaper</label>
        </li> <li>
          <input name="Others" id="Others" class="input_control" value="Others" type="checkbox"/ data-mincheck="1" data-group="mygroupp" onClick="enable_text(this.checked)">
          <label>Others, Please Specify:</label>
        </li>
      </ul>
      <p>
        <input type="text" name="Otherinput" id="Otherinput" class="quter-width align-right margin_top_5"  data-required="true"  disabled="disabled" >
      </p>

复选框的验证工作正常,但是我想添加对“ otherinput”输入字段的验证,只有在选中“其他”复选框时才会验证。提前致谢。

jdempcy

我认为Parsley.js不能立即提供此功能。相反,您可以通过注册一个onchange事件侦听器来自定义它,如下所示:

$('input#others').change(function() {
  if (this.checked) {
    $('#otherinput').attr('disabled', 'false');
  } else {
    $('#otherinput').attr('disabled', 'true');
  }
});

注意:这里假设使用小写的ID名称(即“ otherinput”而不是“ Otherinput”)。

我还没有测试过,但是从理论上讲这样的事情应该起作用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

欧芹表单始终在首次提交时无法通过验证

来自分类Dev

触发欧芹验证而不提交表单?

来自分类Dev

处理欧芹表单事件时,是否可以确定验证了哪个组

来自分类Dev

使用-notMatch条件验证参数时,为什么要满足此条件?

来自分类Dev

PHP表单向MySQL提交是否满足验证条件

来自分类Dev

使用欧芹验证多个字段?

来自分类Dev

使用欧芹验证多个字段?

来自分类Dev

Pasleyjs更改欧芹表单验证中按钮的默认行为

来自分类Dev

在不提交表单的情况下触发欧芹验证?

来自分类Dev

无法使用欧芹验证器验证“浮点数”

来自分类Dev

提交按钮的名称为“ submit”时,欧芹表单无法提交

来自分类Dev

提交按钮的名称为“ submit”时,欧芹表单无法提交

来自分类Dev

使用Yup进行条件表单验证

来自分类Dev

欧芹表格验证错误

来自分类Dev

动态表单验证-在满足所有条件之前进行

来自分类Dev

当多个验证消息满足条件时,在 Angular2 中管理验证消息

来自分类Dev

使用多种表单时验证失败

来自分类Dev

使用setAction时,Zend表单验证失败

来自分类Dev

表单准备就绪并经过验证时的 Javascript 条件

来自分类Dev

条件Django表单验证

来自分类Dev

使用AWK在满足条件时提取数据吗?

来自分类Dev

使用熊猫未满足条件时跳过一行

来自分类Dev

满足条件时,使用JSONPath仅获得2个键值对

来自分类Dev

满足ngIf条件时如何使用ViewChild获取HTML元素

来自分类Dev

仅在满足特定条件时如何使用$ addFields(聚合)

来自分类Dev

当未满足验证者条件时,为什么wtforms不产生错误?

来自分类Dev

当满足最少数量的条件时,如何用yup验证密码

来自分类Dev

满足空值或其他一些条件时验证过滤器

来自分类Dev

欧芹表格将无法验证

Related 相关文章

  1. 1

    欧芹表单始终在首次提交时无法通过验证

  2. 2

    触发欧芹验证而不提交表单?

  3. 3

    处理欧芹表单事件时,是否可以确定验证了哪个组

  4. 4

    使用-notMatch条件验证参数时,为什么要满足此条件?

  5. 5

    PHP表单向MySQL提交是否满足验证条件

  6. 6

    使用欧芹验证多个字段?

  7. 7

    使用欧芹验证多个字段?

  8. 8

    Pasleyjs更改欧芹表单验证中按钮的默认行为

  9. 9

    在不提交表单的情况下触发欧芹验证?

  10. 10

    无法使用欧芹验证器验证“浮点数”

  11. 11

    提交按钮的名称为“ submit”时,欧芹表单无法提交

  12. 12

    提交按钮的名称为“ submit”时,欧芹表单无法提交

  13. 13

    使用Yup进行条件表单验证

  14. 14

    欧芹表格验证错误

  15. 15

    动态表单验证-在满足所有条件之前进行

  16. 16

    当多个验证消息满足条件时,在 Angular2 中管理验证消息

  17. 17

    使用多种表单时验证失败

  18. 18

    使用setAction时,Zend表单验证失败

  19. 19

    表单准备就绪并经过验证时的 Javascript 条件

  20. 20

    条件Django表单验证

  21. 21

    使用AWK在满足条件时提取数据吗?

  22. 22

    使用熊猫未满足条件时跳过一行

  23. 23

    满足条件时,使用JSONPath仅获得2个键值对

  24. 24

    满足ngIf条件时如何使用ViewChild获取HTML元素

  25. 25

    仅在满足特定条件时如何使用$ addFields(聚合)

  26. 26

    当未满足验证者条件时,为什么wtforms不产生错误?

  27. 27

    当满足最少数量的条件时,如何用yup验证密码

  28. 28

    满足空值或其他一些条件时验证过滤器

  29. 29

    欧芹表格将无法验证

热门标签

归档