Bootstrap Validator-将所有输入字段值发送到远程PHP文件

大伯杰

我想知道是否有一种方法可以使用Bootstrap Validator将所有输入字段值发送到远程PHP文件。

为了解释,我在登录表单中有两个输入字段。我在两个输入字段上都使用了Bootstrap Validator的远程验证。每次验证仅发送请求的输入字段的值,并且无法通过$_POSTPHP后端访问其他输入字段

我知道我可以使用data选项将数据发送到PHP后端,但是我不确定如果要发送该部分中不同输入字段的值的格式将如何进行。

这是一个编码示例。

$(document).ready(function() {
    $('#login_form').bootstrapValidator({
        fields: {
            username: {
                message: 'Invalid',
                validators: {
                    remote: {
                        message: 'Invalid',
                        url: '/path/to/backend/',
                        data: {
                            password: // What do I put here?
                        }
                    }
                }
            },
            password: {
                message: 'Invalid',
                validators: {
                    remote: {
                        message: 'Invalid',
                        url: '/path/to/backend/',
                        data: {
                            username: // What do I put here?
                        }
                    }
                }
            }
        }
    });
});

该编码示例是解决我的问题并将两种输入字段值都提交到后端的一种方法。如果有人可以用这种方法解决我的问题,或者可以通过其他方法将所有输入字段的值提供给后端,请告诉我。

预先感谢您提供的任何帮助。

Guillem PascualAventín

要将表单中的任何输入字段发送到后端,只需调用一个验证器函数即可调用表单中输入字段的值,并将其分配给具有描述性名称的参数。然后可以从/ path / to / backend中的POST(或从您进行配置的GET中)访问此参数。

您可以在下面看到修改后的代码。希望它对您有用。这是经过全面测试的代码。

请发送反馈。

$(document).ready(function() {
$('#login_form').bootstrapValidator({
    fields: {
        username: {
            message: 'Invalid',
            validators: {
                remote: {
                    url: '/path/to/backend/',
                    data: function(validator) {
                       return {
                           password: $('[name="passwordNameAttributeInYourForm"]').val(),
                           whatever: $('[name="whateverNameAttributeInYourForm"]').val()
                       };
                    },
                   message: 'Invalid'
                }
            }
        },
        password: {
            message: 'Invalid',
            validators: {
                remote: {
                    url: '/path/to/backend/',
                    data: function(validator) {
                       return {
                           username: $('[name="usernameNameAttributeInYourForm"]').val(),
                           whatever: $('[name="whateverNameAttributeInYourForm"]').val()
                       };
                    },
                   message: 'Invalid'
                }
            }
        }
    }
});

});

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Is there a validator for Bootstrap HTML?

来自分类Dev

Bootstrap validator.js 不与我的 PHP 通信

来自分类Dev

具有Datepicker的Bootstrap Validator不验证日期

来自分类Dev

如何使用jQuery将变量从隐藏字段发送到远程PHP文件并以Bootstrap模式显示脚本的结果而无需刷新?

来自分类Dev

AngularJS / UI Bootstrap自定义$ validator和getterSetter值消失

来自分类Dev

如何使用Bootstrap Validator提交表单

来自分类Dev

如何将数据从 Validator::extend() 发送到 Validator::replacer() 以便我的消息可以更详细?

来自分类Dev

jQuery Validator奇怪的行为与远程

来自分类Dev

jQuery Validator奇怪的行为与远程

来自分类Dev

停止在Bootstrap Validator表单中提交默认表单

来自分类Dev

Bootstrap Validator表单插件:如何更改反馈图标

来自分类Dev

如何在kendoMultiSelect和kendoDropDownList上使用Bootstrap Validator?

来自分类Dev

使用Bootstrap Validator验证ASP.NET Dropdownlist控件

来自分类Dev

需要在 Bootstrap Validator 联系表单中添加 recaptcha

来自分类Dev

Bootstrap Datepicker-如何将值发送到URL?

来自分类Dev

如何清除Validator类中的输入字段?

来自分类Dev

如何使用PHP将Bootstrap单选按钮结果发送到电子邮件

来自分类Dev

将参数发送到Bootstrap模态窗口?

来自分类Dev

Bootstrap文件输入仍显示所有文件

来自分类Dev

Symfony Validator 中的数组字段存在

来自分类Dev

在Angular中的Custom Validator中比较值

来自分类Dev

如何使用github.com/1000hz/bootstrap-validator的自定义验证器

来自分类Dev

如何使用Ajax将输入文件数据值发送到php页面

来自分类Dev

如何使用Ajax将输入文件数据值发送到php页面

来自分类Dev

将输入从“ GET”发送到php中的xml文件

来自分类Dev

将vRaptor升级到3.5.3 java.lang.NoClassDefFoundError:br / com / caelum / vraptor / validator / Validator

来自分类Dev

如何正确地将Symfony \ Component \ Validator \ Validator注入服务?

来自分类Dev

在将表单数据发送到邮件时启动Bootstrap Popup

来自分类Dev

Bootstrap导航栏搜索将搜索查询发送到Flask视图

Related 相关文章

  1. 1

    Is there a validator for Bootstrap HTML?

  2. 2

    Bootstrap validator.js 不与我的 PHP 通信

  3. 3

    具有Datepicker的Bootstrap Validator不验证日期

  4. 4

    如何使用jQuery将变量从隐藏字段发送到远程PHP文件并以Bootstrap模式显示脚本的结果而无需刷新?

  5. 5

    AngularJS / UI Bootstrap自定义$ validator和getterSetter值消失

  6. 6

    如何使用Bootstrap Validator提交表单

  7. 7

    如何将数据从 Validator::extend() 发送到 Validator::replacer() 以便我的消息可以更详细?

  8. 8

    jQuery Validator奇怪的行为与远程

  9. 9

    jQuery Validator奇怪的行为与远程

  10. 10

    停止在Bootstrap Validator表单中提交默认表单

  11. 11

    Bootstrap Validator表单插件:如何更改反馈图标

  12. 12

    如何在kendoMultiSelect和kendoDropDownList上使用Bootstrap Validator?

  13. 13

    使用Bootstrap Validator验证ASP.NET Dropdownlist控件

  14. 14

    需要在 Bootstrap Validator 联系表单中添加 recaptcha

  15. 15

    Bootstrap Datepicker-如何将值发送到URL?

  16. 16

    如何清除Validator类中的输入字段?

  17. 17

    如何使用PHP将Bootstrap单选按钮结果发送到电子邮件

  18. 18

    将参数发送到Bootstrap模态窗口?

  19. 19

    Bootstrap文件输入仍显示所有文件

  20. 20

    Symfony Validator 中的数组字段存在

  21. 21

    在Angular中的Custom Validator中比较值

  22. 22

    如何使用github.com/1000hz/bootstrap-validator的自定义验证器

  23. 23

    如何使用Ajax将输入文件数据值发送到php页面

  24. 24

    如何使用Ajax将输入文件数据值发送到php页面

  25. 25

    将输入从“ GET”发送到php中的xml文件

  26. 26

    将vRaptor升级到3.5.3 java.lang.NoClassDefFoundError:br / com / caelum / vraptor / validator / Validator

  27. 27

    如何正确地将Symfony \ Component \ Validator \ Validator注入服务?

  28. 28

    在将表单数据发送到邮件时启动Bootstrap Popup

  29. 29

    Bootstrap导航栏搜索将搜索查询发送到Flask视图

热门标签

归档