Jquery 验证自定义 css 复选框

斯蒂芬·P

有没有办法验证以下复选框?

<form name="rmn-form" id="rmn-form" action="send.php" enctype="multipart/form-data" method="POST">
  <div class="row">
    <div class="col-md-12 col-xs-12">
      <div class="rmn-input-field">
        <label for="gdpr" class="checkbox-container"> Accept terms and conditions
          <input type="checkbox" checked="checked" id="gdpr" name="gdpr">
          <span class="checkmark"></span>
        </label>
      </div>
    </div>
  </div>

  <button type="submit" name="submit" id="submit-all" class="waves-effect waves-light btn submit-button pink mt-30">Send</button>
</form>

该复选框由https://www.w3schools.com/howto/howto_css_custom_checkbox.asp生成

我有以下 JSFiddle 和我的引导库和 jquery.validate.min.js 代码:http : //jsfiddle.net/2837qdeu/

省略

只需将您的输入标签更改为下面的代码

<input type="checkbox" required="required" id="gdpr" name="gdpr">

它会在提交之前检查是否必须选中此复选框。

小提琴

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有自定义CSS复选框的jQuery验证

来自分类Dev

自定义CSS复选框jQuery引起的“ checked”属性在视觉上无法“选中”复选框

来自分类Dev

jQuery复选框的验证

来自分类Dev

网格中的CSS自定义复选框-无法删除原始复选框

来自分类Dev

使用自定义CSS复选框的Boostrap折叠

来自分类Dev

CSS:自定义复选框不起作用

来自分类Dev

jQuery自定义复选框+隐藏的html复选框

来自分类Dev

如何通过asp.net mvc中的自定义jQuery验证复选框列表

来自分类Dev

自定义复选框和自定义单选框的CSS

来自分类Dev

如何创建jQuery函数以验证ASP复选框列表上的自定义验证器

来自分类Dev

复选框的jQuery验证插件errorPlacement

来自分类Dev

jQuery中的数组复选框验证

来自分类Dev

几个复选框和验证jQuery

来自分类Dev

使用jQuery验证多个复选框

来自分类Dev

验证jquery中的复选框?

来自分类Dev

CSS3自定义复选框仅影响第一组复选框

来自分类Dev

CSS-IE和Firefox之间自定义复选框的困难

来自分类Dev

使用CSS和Bootstrap创建自定义复选框

来自分类Dev

自定义CSS3复选框在Firefox或IE上不起作用

来自分类Dev

CSS3自定义复选框什么都不做

来自分类Dev

CSS3自定义复选框-跨浏览器差异

来自分类Dev

CSS自定义复选框不会隐藏:after和:before元素

来自分类Dev

CSS3自定义复选框什么都不做

来自分类Dev

CSS-IE和Firefox之间的自定义复选框存在困难

来自分类Dev

自定义CSS复选框仅在标签具有“ for”属性时有效

来自分类Dev

HTML / CSS-无法将自定义复选框对齐

来自分类Dev

CSS如何设置自定义复选框刻度符号的“内容” /“背景”属性的样式?

来自分类Dev

如何在css中创建自定义复选框

来自分类Dev

带有 CSS ::before 的自定义复选框 - 在 Firefox/Edge 中不起作用

Related 相关文章

  1. 1

    带有自定义CSS复选框的jQuery验证

  2. 2

    自定义CSS复选框jQuery引起的“ checked”属性在视觉上无法“选中”复选框

  3. 3

    jQuery复选框的验证

  4. 4

    网格中的CSS自定义复选框-无法删除原始复选框

  5. 5

    使用自定义CSS复选框的Boostrap折叠

  6. 6

    CSS:自定义复选框不起作用

  7. 7

    jQuery自定义复选框+隐藏的html复选框

  8. 8

    如何通过asp.net mvc中的自定义jQuery验证复选框列表

  9. 9

    自定义复选框和自定义单选框的CSS

  10. 10

    如何创建jQuery函数以验证ASP复选框列表上的自定义验证器

  11. 11

    复选框的jQuery验证插件errorPlacement

  12. 12

    jQuery中的数组复选框验证

  13. 13

    几个复选框和验证jQuery

  14. 14

    使用jQuery验证多个复选框

  15. 15

    验证jquery中的复选框?

  16. 16

    CSS3自定义复选框仅影响第一组复选框

  17. 17

    CSS-IE和Firefox之间自定义复选框的困难

  18. 18

    使用CSS和Bootstrap创建自定义复选框

  19. 19

    自定义CSS3复选框在Firefox或IE上不起作用

  20. 20

    CSS3自定义复选框什么都不做

  21. 21

    CSS3自定义复选框-跨浏览器差异

  22. 22

    CSS自定义复选框不会隐藏:after和:before元素

  23. 23

    CSS3自定义复选框什么都不做

  24. 24

    CSS-IE和Firefox之间的自定义复选框存在困难

  25. 25

    自定义CSS复选框仅在标签具有“ for”属性时有效

  26. 26

    HTML / CSS-无法将自定义复选框对齐

  27. 27

    CSS如何设置自定义复选框刻度符号的“内容” /“背景”属性的样式?

  28. 28

    如何在css中创建自定义复选框

  29. 29

    带有 CSS ::before 的自定义复选框 - 在 Firefox/Edge 中不起作用

热门标签

归档