如何像普通的jquery ajax一样自定义远程验证?

时间:2016-04-26 15:27:25

标签: bootstrapvalidator

有没有办法像普通的jquery ajax一样自定义远程验证?

$('#banner').bootstrapValidator({
        framework: 'bootstrap',


        fields: {
            bannerType: {
                icon: false,
                validators: {
                    notEmpty: {
                        message: 'Banner type is required'
                    }
                }
            },
            bannerTitle: {
                icon: false,
                validators: {
                    notEmpty: {
                        message: 'Banner title is required'
                    }
                }
            },

            bfromDate: {
                verbose: true,
                validators: {
                     notEmpty: {
                        message: 'From date is required'
                    },
                    date: {
                        format: 'MM/DD/YYYY',
                        message: 'The value is not a valid date'
                    },
                    remote: {
                    url: '/assets/cfc/exchange/exchangeintra.cfc?method=checkAvailabilityofDates',
                    type: 'POST',
                    dataType:'json',
                     data: function(validator, $field, value) {
                            return {

                                selectedDate: validator.getFieldElements('bfromDate').val(),
                                bannerId: validator.getFieldElements('bannerId').val(),



                            };
                        },

                  }
                }
            },
            btoDate: {
                verbose: true,
                validators: {
                     notEmpty: {
                        message: 'To date is required'
                    },
                    date: {
                        format: 'MM/DD/YYYY',
                        message: 'The value is not a valid date'
                    },
                    remote: {
                    url: '/assets/cfc/exchange/exchangeintra.cfc?method=checkAvailabilityofDates',
                    type: 'POST',
                    dataType:'json',
                    data: function(validator, $field, value) {
                            return {

                                selectedDate: validator.getFieldElements('btoDate').val(),
                                bannerId: validator.getFieldElements('bannerId').val(),


                            };
                        },

                  }
                }
            },
             authorImage: {
                validators: {
                     notEmpty: {
                        message: 'Banner image is required'
                    },
                    file: {
                        extension: 'jpeg,jpg,png',
                        type: 'image/jpeg,image/png',
                        message: 'The selected file is not valid'
                        }
                }
            },
            bannerLink: {
                icon: false,
                validators: {
                    notEmpty: {
                        message: 'Banner link is required'
                    }

                }
            }


        }


    });

当远程验证成功时,比其他任何事情都要成功,如果失败则比做其他事情。

我有以下链接:http://formvalidation.io/examples/using-data-returned-validator/

但这是工作,只有当我使用formvalidation但在这里我使用bootstrapValidator.so是否有任何方法像formvalidation一样做。

1 个答案:

答案 0 :(得分:0)

字段验证完成后,它会调用onSuccess或onError回调。 以下是解决我的问题的示例代码:

 bfromDate: {
                verbose: true,
                validators: {
                     notEmpty: {
                        message: 'From date is required'
                    },
                    date: {
                        format: 'MM/DD/YYYY',
                        message: 'The value is not a valid date'
                    },
                    remote: {
                    url: '/assets/cfc/exchange/exchangeintra.cfc?method=checkAvailabilityofDates',
                    type: 'POST',
                    dataType:'json',

                    data: function(validator, $field, value) {
                            return {
                                startDate:0,
                                selectedDate: validator.getFieldElements('bfromDate').val(),
                                bannerId: validator.getFieldElements('bannerId').val(),
                                endRangeFlag:0,
                            };
                        },

                  } 

                },
                onSuccess: function(e, data) {
                   $( "#btoDate" ).prop( "disabled", false ); 

                },
                 onError: function(e, data) {
                     $( "#btoDate" ).val('');
                   $( "#btoDate" ).prop( "disabled", true ); 
                }
          }
相关问题