2016-04-26 1 views
1

通常のjquery ajaxのようにリモート検証をカスタマイズできる方法はありますか?通常の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を行うにはどのような方法がある私はformvalidationを使用していますが、ここで私はbootstrapValidator.soを使用していた場合にのみ、仕事です。

答えて

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); 
       } 
      } 
関連する問題