overriding Save button : after ajax validation save editView form

var isProcessing = false;
function check_form(formname){
    if(isProcessing === true){
       alert('form validation still in progress');        //replace with a custom alert you want
    }
    //do your validation here
    validationPlanification();
   return false;
}
function validationPlanification()
{      isProcessing = true;
      //do some more validation
      // show a loading message here
     $.ajax({
        url: "your url",
        type: POST | GET,
        data: {some data here}
        success: function(data){             isProcessing = false;
            //remove loading message
            if(data == true){
                  submitForm();
            }
        },
        error: function(error)
         {                  isProcessing = false;

                //display error message
         }
     })
}
function submitForm()
{
        //use jquery to submit your form here
}

var isProcessing = false;
function check_form(formname){
    if(isProcessing === true){
       alert('form validation still in progress');        //replace with a custom alert you want
    }
    //do your validation here
    validationPlanification();
   return false;
}
function validationPlanification()
{      isProcessing = true;
      //do some more validation
      // show a loading message here
     $.ajax({
        url: "your url",
        type: POST | GET,
        data: {some data here}
        success: function(data){             isProcessing = false;
            //remove loading message
            if(data == true){
                  submitForm();
            }
        },
        error: function(error)
         {                  isProcessing = false;

                //display error message
         }
     })
}
function submitForm()
{
        //use jquery to submit your form here
}

Gaelle Fernandez Mike Solomon

Hello,

I am trying to achieve a functionality similar to what Gaelle wanted to achieve in this thread. I want to override the save button. If the country passed to the API is a valid country, only then should the record be saved. This functionality is correctly getting executed. However if an invalid country is passed, I am getting the error message, but also the success save message, and the record is saved too. I want to prevent the saving of the record if the country is invalid. Please could you kindly give some direction here ?

Following is my code:

../custom/modules/Contacts/clients/base/views/record/record.js : 

({
extendsFrom: 'EditView',

initialize: function(options) {
this._super('initialize', [options]);
this.context.on('button:save_button:click', this.validate_country, this);

},

validate_country: function(response) {

var t = this;
var currentStreet = this.model.get('primary_address_street');
var currentCity = this.model.get('primary_address_city');
var currentState = this.model.get('primary_address_state');
var currentZip = this.model.get('primary_address_postalcode');
var currentCountry = this.model.get('primary_address_country');

var encodedStreet = encodeURI(currentStreet);
var encodedCity = encodeURI(currentCity);
var encodedState = encodeURI(currentState);
var encodedZip = encodeURI(currentZip);

if(the country is united states){
// pass a correct country parameter to the API

passCountry = 'US';

}
else{
// pass a wrong country parameter to the API

passCountry = 'notUS';
}

$.ajax({
type: 'GET',
async: 'false',
url: 'someURL',
crossDomain: 'true',
headers: {'key': 'value'},

success: function(response) {
cityNow = response.city;
streetNow = response.street1;
stateNow = response.state;
zipNow = response.postalcode;
countryNow = response.country;

t.model.set('primary_address_city',cityNow);
t.model.set('primary_address_street',streetNow);
t.model.set('primary_address_state',stateNow);
t.model.set('primary_address_postalcode',zipNow);
t.model.set('primary_address_country',countryNow);

if (passCountry === 'US')
{
app.alert.show('address-ok', {
level: 'success',
messages: 'matches',
autoClose: false
});
}

},
error: function(response) {
if(passCountry === 'notUS'){
app.alert.show('address-ok', {
level: 'error',
messages: 'do not match',
autoClose: true
});
}
}

})
}

})

Thank you in advance!

Try leveraging the handleSave that is already in the view and triggered when Save is clicked:

in Record View

  handleSave: function(){
    var passCountry = <your function to check the country>;

    if(passCountry != 'US'){
       //this is in the original view and handles the canceling of the action, we never call the parent handleSave that does the actual saving.
      this.handleCancel(); 
    }else{
      //call the parent handleSave as if nothing happened
      this._super('handleSave');
    }
  },

in Create View the functions are named differently,  it should be something like:

 save: function(){
    var passCountry = <your function to check the country>;

    if(passCountry != 'US'){
       //this is in the original view and handles the canceling of the action, we never call the parent handleSave that does the actual saving.
      this.cancel(); 
    }else{
      //call the parent handleSave as if nothing happened
      this._super('save');
    }
  },

FrancescaS

Thank you Francesca Shiekh. This did help.

However there is a small issue. I am getting an error when I call the custom function in  handleSave function.

This is how I go about it:

handleSave: function(){
var passCountry = validateCountry();
if(passCountry != 'US'){
this.handleCancel();
}
else{
this._super('handleSave');
}
},

The error message is: uncaught reference: validateCountry is not defined.

Did you define validateCountry?

It's your function to check for passCountry, it should return passCountry so that the save can decide whether to pass or fail.

This may be a better way, in this thread:

community.sugarcrm.com/.../97397-re-how-to-stop-save-action-if-some-condition-become-false 

someone else brought up:

http://support.sugarcrm.com/Documentation/Sugar_Developer/Sugar_Developer_Guide_7.8/User_Interface/Views/Adding_Field_Va… 

FrancescaS

Yes this worked. But the record is saved only if the page is active. If I try to refresh the page, the record seems to be unsaved. When I try to leave the page, I am getting the warning message - "You have unsaved changes. Are you sure you want to leave page and discard changes?"

Hola EvilPeri It has been a while but could you help me with this code, everything works for me until submitForm, I use the default function of sugar but it repeats everything again