How to perform row by row validation on an Oracle APEX Tabular form using Ajax?

Question

Using the same validation/processing that I performed, based on this thread:

Calling an Oracle Function via Ajax for on the spot Validation Purposes in Oracle APEX v4.2.2

I now have a tabular form that can have 1 to n rows but when the user presses the "Apply" button, I need to perform this same type of validation, that I have, based on the thread above, i.e.:

An example set of rows might be like:

Col1    Col2    Col3    Col4
----------------------------
A       10      20      30
B       5       8       9
C       92      88      12
D       1       2       44
E       95      77      88

Based on the above scenario, when the user presses the "Apply" button, via a Dynamic Action/Ajax (apex.server.process) call, I need to iterate through each row, using the above four columns (no checkboxes used here, just select lists, to select column values), call my ajax process to check whether:

(Col2 > Col4) for all rows

and if so, return via javascript, an alert message to the user indicating that a problem was found with the data (i.e. INVALID response from apex.server.process).

I basically need to check this validation for all rows, prior to committing records to the database.

Ideally I would like to solve this via DA/Ajax/jQuery.

This question may help in this case: stackoverflow.com/questions/39274196/… — Saddam Meshaal

Tom Tom · Accepted Answer · 2014-02-05T07:46:40

How I would try to solve it. Note that this doesn't cover all (any?) eventuality or much error handling. You'll have to elaborate on it a bit yourself. eg I used input for a selector, you'll need "select". The arrays may not match. You may need a completely other selector such as by td[headers]. Maybe your return object will need to hold other or more values. Your js may need more expanding upon.
Nevertheless it should provide you with a good base to start from!

Javascript:

function validaterows(){
  var arrf01 = [], arrf02 = [];

  //fetch all the values from the source columns and put them in
  //a javascript array.
  $("input[name=f03]").each(function(){
    arrf01.push($v(this));
  });

  $("input[name=f04]").each(function(){
    arrf02.push($v(this));
  });

  //provide the constructed arrays to the on-demand process by using
  //the global f## arrays
  apex.server.process ( "MY_PROCESS", {
      f01: arrf01
    , f02: arrf02
  }, {
  , success: function( pData ) { 
      //pData should be an object, because jquery will have parsed the returned json-string
      apex.debug(pData);

      $.each(pData.validationArray, function(index, value){
        if ( value === 'INVALID' ) {
          // do something here when the result is invalid
          // maybe you want to color something red for example
          alert('The data at row '+index+' is not valid!');
        };
      });

      }
  } );
}

On-demand plsql process:

DECLARE
  l_return VARCHAR2(4000);
BEGIN
  FOR i IN apex_application.g_f01.count
  LOOP
    -- remember: the f## arrays are varchar arrays. Important for comparisons.
    -- Also take into account that the values could NOT be numeric at all.
    -- you'll probably want to run each value through an is-number check or else 
    -- you'll run into ORA errors
    IF to_number(apex_application.g_f01(i)) > to_number(apex_application.g_f02(i))
    THEN
      l_return := l_return || ',"INVALID"';
    ELSE
      l_return := l_return || ',"VALID"';
    END IF;
  END LOOP;

  IF l_return IS NOT NULL
  THEN
    -- create a json string 
    -- holds an object with 1 property (validationArray) with the value being
    -- an array holding a value for each row submitted
    l_return := '{"validationArray":['||LTRIM(l_return, ',')||']}';
  END IF;

  -- write the output to the buffer
  htp.p(l_return);
END;

How to perform row by row validation on an Oracle APEX Tabular form using Ajax?

1 Answers