programing

WordPress NinjaForms JavaScript API 제출 전

yellowcard 2023. 3. 31. 21:58
반응형

WordPress NinjaForms JavaScript API 제출 전

WordPress Ninja Forms를 사용하고 있는데 Ajax를 통해 데이터를 전송하기 전에 승인해야 하는 폼 미리보기를 작성하려고 합니다.즉, 폼 검증과 송신 프로세스 사이에 커스텀 JS-Code를 추가해야 합니다.

지금까지 다음을 시도했습니다.

var form_id = 1;
var PreviewFormController = Marionette.Object.extend({

  initialize: function() {
    Backbone.Radio.channel( 'form-' + form_id ).reply( 'maybe:submit', this.PreviewForm, this, form_id);
  },

  PreviewForm: function(formID){

    var formModel = nfRadio.channel( 'app' ).request( 'get:form', formID );

    if(formModel.getExtra('previewOk')){
      return true;
    }
    this.ShowPreview( formModel );
    return false;
  },

  ShowPreview: function(formModel){
    if(confirm("You sure?")){
      nfRadio.channel( 'form-' + form_id).request( 'add:extra', 'previewOk', true );
      nfRadio.channel( 'form-' + formModel.get( 'id' ) ).request( 'submit', formModel );
    }
  }
});

$(function(){
    new PreviewFormController();
});

문제는 말이다PreviewForm이제 필드 검증보다 앞에 있습니다.필드 검증 후에 함수를 후크하는 방법은 무엇입니까?

Codex가 아직 준비가 안 된 것 같아서 좀 당황스럽네요.거기서 누가 좀 도와줬으면 좋겠는데..

이걸 쓰고 싶으신 것 같은데

initialize: function() {
    this.listenTo( Backbone.Radio.channel( 'forms' ), 'init:model', this.PreviewForm );
},

언급URL : https://stackoverflow.com/questions/43203283/wordpress-ninjaforms-javascript-api-before-submit

반응형