Bootstrap 使用Jquery引导验证来验证字段数组中的单个字段沿着兄弟字段

xvw2m8pv  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(1)|浏览(137)

我有一个表单组的表单,每个表单组包含类似的文本字段和复选框,在提交表单时以数组形式发送,如下所示:

<form method="POST" action="http://localhost/save-form" id="formAddUser">
    <div class="form-group">
        <input type="text" class="name" name="username[]" />
        <input type="text" class="phone" name="phone[]" />
        <input type="text" class="country" name="country[]" />
        <input type="checkbox" class="isMobile" name="isMobile[]" />
    </div>
    <div class="form-group">
        <input type="text" class="name" name="username[]" />
        <input type="text" class="phone" name="phone[]" />
        <input type="text" class="country" name="country[]" />
        <input type="checkbox" class="isMobile" name="isMobile[]" />
    </div>
    <div class="form-group">
        <input type="text" class="name" name="username[]" />
        <input type="text" class="phone" name="phone[]" />
        <input type="text" class="country" name="country[]" />
        <input type="checkbox" class="isMobile" name="isMobile[]" />
    </div>
</form>

在每次有人输入他们的电话后,我想做一个远程验证,但我想发送isMobile字段沿着请求。目前我可以发送电话字段进行验证,但不能发送相应的移动的字段和数据属性中的字段。下面是我的代码

$('#frmAddUser').bootstrapValidator({
    fields: {
        'phone[]': {
            trigger: 'blur',
            validators: {
                notEmpty: {
                    message: ' '
                },
                remote: {
                    message: 'Phone does not exist',
                    url: 'http://localhost/verify-phone',
                    data: function () {
                        // leaving this empty just sends the phone. How do I send isMobile parameter along with this?
                    }
                },
                callback: {
                    callback: function () {
                        
                    }
                }
            }
        }
    }

})

编辑:以下工作。

remote: {
        message: 'Phone does not exist',
        url: 'http://localhost/verify-phone',
        data: function () {
            var isMobile = validator.getFieldElements('isMobile[]').val()
            }
        },
dtcbnfnu

dtcbnfnu1#

正如@Sumesh所建议的,使用validator.getFieldElements('isMobile[]').val()是可行的

remote: {
        message: 'Phone does not exist',
        url: 'http://localhost/verify-phone',
        data: function () {
            var isMobile = validator.getFieldElements('isMobile[]').val()
            }
        }

相关问题