Alle invulveld types hebben in de veldeigenschappen een onLoad Script en een onChange Script veld. Hierin kan JQuery/Javascript code ingevoerd worden waarmee formulieren acties en als/dan formules in het formulier toegevoegd worden.


onChange Scripts: De code/actie wordt uitgevoerd als men het veld invult of verandert.


onLoad Scripts:  De code/actie wordt uitgevoerd als men het formulier opent.


Hier volgen een paar voorbeelden van verschillende formulieracties en de code ervan.

JQuery/Javascript is een veel voorkomende programeer taal en op de volgende site kan men er alles over leren: 

Javascript: https://www.w3schools.com/js/default.asp

JQuery: https://www.w3schools.com/jquery/default.asp



Voorbeeld onChange Scripts



Kopieer de ingevulde waarde naar een ander veld


Veld 1: tf_field_1

Veld 2: tf_field_2 


In het onChange Script veld van tf_field_1 wordt de volgende code geplaatst: 


$('#tf_field_2').val($('#tf_field_1').val());


Hiermee wordt de waarde van tf_field_2 gevuld met de waarde van tf_field_1





Voeg de tekst van twee velden samen 


Veld 1: tf_field_1

Veld 2: tf_field_2 

Veld 3: tf_field_3



In het onChange Script veld van tf_field_1 en tf_field_2 wordt de volgende code geplaatst: 



$('#tf_field_3').val($('#tf_field_1').val() + ' ' + $('#tf_field_2').val());


Hiermee wordt de waarde van tf_field_3 gevuld met de waarde van tf_field_1 plus een spatie en tf_field_2








Tel twee velden bij elkaar op 


Veld 1: tf_field_1

Veld 2: tf_field_2 

Veld 3: tf_field_3


In het onChange Script veld van tf_field_1 en tf_field_2 wordt de volgende code geplaatst: 



$('#tf_field_3').val(($('#tf_field_1').val()*1) + ($('#tf_field_2').val()*1));


Hiermee wordt de waarde van tf_field_3 gevuld met de waarde van tf_field_1 plus tf_field_2 

Gebruik voor deze toepassing een getalveld.







Bereken het verschil tussen twee velden


Veld 1: tf_field_1

Veld 2: tf_field_2 

Veld 3: tf_field_3

In het onChange Script veld van tf_field_1 en tf_field_2 wordt de volgende code geplaatst: 



$('#tf_field_3').val(($('#tf_field_1').val()*1) - ($('#tf_field_2').val()*1));


Hiermee wordt de waarde van tf_field_3 gevuld met de waarde van tf_field_1 min tf_field_2 

Gebruik voor deze toepassing een getalveld.






Voorbeeld onLoad Scripts



Vul de naam van de huidge gebruiker in


Veld 1: tf_field_1

Huidige gebruikersnaam: TF_USER


In het onLoad Script veld van tf_field_1 wordt de volgende code geplaatst: 


if ($('#tf_field_1').val() == '') {$('#tf_field_1').val(TF_USER);}


Als tf_field_1 leeg is wordt de naam van de gebruiker ingevuld




Vul het emailadres van de huidge gebruiker in


Veld 1: tf_field_1

Huidige gebruiker emailadres : TF_USER_EMAIL


In het onLoad Script veld van tf_field_1 wordt de volgende code geplaatst:


if ($('#tf_field_1').val() == '') {$('#tf_field_1').val(TF_USER_EMAIL);}


Als tf_field_1 leeg is wordt het emailadres van de gebruiker ingevuld





Vul de huidige document naam in


Veld 1: tf_field_1

Huidige document naam : TF_DOCUMENTNAME


In het onLoad Script veld van tf_field_1 wordt de volgende code geplaatst:


if ($('#tf_field_1').val() == '') {$('#tf_field_1').val(TF_DOCUMENTNAME);}


Als tf_field_1 leeg is wordt de huidige document naam ingevuld





Vul de huidige document nummer in


Veld 1: tf_field_1

Huidige document nummer : TF_DOCUMENTNR


In het onLoad Script veld van tf_field_1 wordt de volgende code geplaatst:


if ($('#tf_field_1').val() == '') {$('#tf_field_1').val(TF_DOCUMENTNR);}


Als tf_field_1 leeg is wordt de huidige document nummer ingevuld


 



Vul de huidge datum in


Veld 1: tf_field_1

Huidige datum in een datum veld: DATE 

Huidige datum in een tekst veld: date 



In het onLoad Script veld van tf_field_1 wordt de volgende code geplaatst: 


if ($('#tf_field_1').val() == '') {$('#tf_field_1').val(DATE);}



Als tf_field_1 leeg is wordt de huidige datum ingevuld