如何使用Jquery Validate多次验证表单

马科斯(Marcos JC Kichel)

我正在使用该向导进行操作,该向导具有5个步骤,只有一个表单,目的是当用户单击完成”按钮时,在单个服务器请求上处理数据

我试图使用jQuery验证插件来验证每一步分开,我最初的想法是将插件每次用户点击下一个,这样的重新初始化:

function validateStepOne(){

    $("#form").validate({
        rules: {
            x: "required"
     }}); 

    if(!$("#form").valid()){
        return false;
    }

    return true;
}

function validateStepTwo(){
    $("#form").validate({
        rules: {
        y : "required",
    }}); 

    if(!$("#form").valid()){
       return false;
    }

    return true;
}

但这似乎不起作用,因为在第二个步骤中,表单始终被标记为有效,所以我想知道如何重置验证插件以能够多次验证同一表单。欢迎任何帮助

活泼的

您无法重新初始化插件。它只能在表单上初始化一次。您的选择是将其分解为五个不同的form容器,或者.rules()根据需要使用该方法来激活/停用规则。

否则,默认情况下将忽略隐藏字段。因此,通常在多步骤表单中,当非活动选项卡中的字段被隐藏时,它们将不再被验证。许多人将采用这种方法,具体取决于多步骤表单的类型。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用 jQuery 对注入的 ajax 表单进行多次验证?

来自分类Dev

使用jquery.validate.js插件进行条件表单验证

来自分类Dev

使用 jQuery.validate() 验证 HTML5 分隔的表单

来自分类Dev

如何使用jQuery validate验证Kendo Dropdownlist

来自分类Dev

如何使用jquery.validate执行验证?

来自分类Dev

如何使用jQuery加载和验证表单?

来自分类Dev

如何使用 jQuery Ajax 验证 Laravel 表单

来自分类Dev

如何使用 jquery/javascript 验证表单?

来自分类Dev

html表单验证(使用jquery.validate.js)在某些情况下不起作用

来自分类Dev

如果表单经过验证,则替换/隐藏输入按钮(使用jquery.validate.js)

来自分类Dev

使用 jQuery Validate 验证数组

来自分类Dev

如何使用jQuery validate验证预填充的输入字段?

来自分类Dev

如何使用 jQuery Validate 插件验证当年的日期

来自分类Dev

使用jQuery进行表单验证

来自分类Dev

使用Jquery验证我的表单

来自分类Dev

如何使用jQuery创建自定义表单验证?

来自分类Dev

如何使用jQuery验证表单中的下拉菜单?

来自分类Dev

如何使用jQuery验证表单中的下拉菜单?

来自分类Dev

如何禁用Bootstrap表单验证(不使用jQuery)?

来自分类Dev

如何使用jQuery创建自定义的表单验证?

来自分类Dev

如何使用jQuery从Ajax页面验证表单的输入

来自分类Dev

如何使用 jquery 和 bootstrap 验证已经创建的表单

来自分类Dev

jQuery Validate-验证但有目的地允许提交表单

来自分类Dev

使用Jquery验证来验证表单

来自分类Dev

如何在ASP.NET表单身份验证中启用多次登录尝试?

来自分类Dev

如何多次使用jQuery slidetoggle?

来自分类Dev

如何多次使用jQuery slidetoggle?

来自分类Dev

使用jQuery多次上传的文件大小验证

来自分类Dev

使用jQuery validate插件进行URL验证

Related 相关文章

  1. 1

    如何使用 jQuery 对注入的 ajax 表单进行多次验证?

  2. 2

    使用jquery.validate.js插件进行条件表单验证

  3. 3

    使用 jQuery.validate() 验证 HTML5 分隔的表单

  4. 4

    如何使用jQuery validate验证Kendo Dropdownlist

  5. 5

    如何使用jquery.validate执行验证?

  6. 6

    如何使用jQuery加载和验证表单?

  7. 7

    如何使用 jQuery Ajax 验证 Laravel 表单

  8. 8

    如何使用 jquery/javascript 验证表单?

  9. 9

    html表单验证(使用jquery.validate.js)在某些情况下不起作用

  10. 10

    如果表单经过验证,则替换/隐藏输入按钮(使用jquery.validate.js)

  11. 11

    使用 jQuery Validate 验证数组

  12. 12

    如何使用jQuery validate验证预填充的输入字段?

  13. 13

    如何使用 jQuery Validate 插件验证当年的日期

  14. 14

    使用jQuery进行表单验证

  15. 15

    使用Jquery验证我的表单

  16. 16

    如何使用jQuery创建自定义表单验证?

  17. 17

    如何使用jQuery验证表单中的下拉菜单?

  18. 18

    如何使用jQuery验证表单中的下拉菜单?

  19. 19

    如何禁用Bootstrap表单验证(不使用jQuery)?

  20. 20

    如何使用jQuery创建自定义的表单验证?

  21. 21

    如何使用jQuery从Ajax页面验证表单的输入

  22. 22

    如何使用 jquery 和 bootstrap 验证已经创建的表单

  23. 23

    jQuery Validate-验证但有目的地允许提交表单

  24. 24

    使用Jquery验证来验证表单

  25. 25

    如何在ASP.NET表单身份验证中启用多次登录尝试?

  26. 26

    如何多次使用jQuery slidetoggle?

  27. 27

    如何多次使用jQuery slidetoggle?

  28. 28

    使用jQuery多次上传的文件大小验证

  29. 29

    使用jQuery validate插件进行URL验证

热门标签

归档