Jaa

Mukautetun JavaScriptin lisääminen lomakkeeseen

  • Artikkeli

Sekä peruslomakkeiden että monivaiheisten lomakkeiden vaihetietueessa on kenttä Mukautettu JavaScript, jonka avulla voidaan tallentaa JavaScript-koodia. Koodin avulla voi laajentaa tai muokata lomakkeen ulkoasua tai toimintoja.

Mukautettu JavaScript-lohko lisätään sivun alareunaan juuri ennen viimeistä lomaketunniste-elementtiä.

Lomakekentät

Taulukkokentän HTML-syötteen tunnukseksi on määritetty määritteen looginen nimi. Kentän valinta, arvojen määrittäminen tai muut asiakasohjelman muokkaukset ovat helppoja jQueryllä.

$(document).ready(function() {
   $("#address1_stateorprovince").val("Saskatchewan");
});

Tärkeää

Kun mallipohjaiseen lomakkeeseen lisätään vaihtoehtosarake käytettäväksi monivaiheisen lomakkeen vaiheessa tai peruslomakkeessa, se tulee näkyviin verkkosivulla avattavana palvelimen ohjausobjektina. Kun mukautettua JavaScriptiä käytetään lisäarvojen lisäämiseen ohjausobjektiin, sivun lähettämisen yhteydessä tulee sanoma ”Virheellinen takaisinlähetys- tai vastakutsuargumentti”.

Vapaaehtoinen kenttien vahvistus asiakasohjelmassa

Toisinaan lomakkeen kenttien vahvistusta on muokattava. Tässä esimerkissä käyttäjät pakotetaan määrittää sähköpostiosoite vain, jos ensisijaiseksi yhteydenottotavaksi on määritetty toisessa kentässä Sähköposti.

Muistiinpano

Kenttien vahvistusta asiakasohjelmassa ei tueta aliruudukossa.

if (window.jQuery) {
   (function ($) {
      $(document).ready(function () {
         if (typeof (Page_Validators) == 'undefined') return;
         // Create new validator
         var newValidator = document.createElement('span');
         newValidator.style.display = "none";
         newValidator.id = "emailaddress1Validator";
         newValidator.controltovalidate = "emailaddress1";
         newValidator.errormessage = "<a href='#emailaddress1_label' referencecontrolid='emailaddress1 ' onclick='javascript:scrollToAndFocus(\"emailaddress1 _label\",\" emailaddress1 \");return false;'>Email is a required field.</a>";
         newValidator.validationGroup = ""; // Set this if you have set ValidationGroup on the form
         newValidator.initialvalue = "";
         newValidator.evaluationfunction = function () {
            var contactMethod = $("#preferredcontactmethodcode").val();
            if (contactMethod != 2) return true; // check if contact method is not 'Email'.
            // only require email address if preferred contact method is email.
            var value = $("#emailaddress1").val();
            if (value == null || value == "") {
            return false;
            } else {
               return true;
            }
         };

         // Add the new validator to the page validators array:
         Page_Validators.push(newValidator);

      });
   }(window.jQuery));
}

Yleinen vahvistus

Kun Seuraava-/Lähetä-painiketta napsautetaan, järjestelmä suorittaa entityFormClientValidate-toiminnon. Voit laajentaa tätä funktiota mukautetulla vahvistuslogiikalla.

if (window.jQuery) {
   (function ($) {
      if (typeof (entityFormClientValidate) != 'undefined') {
         var originalValidationFunction = entityFormClientValidate;
         if (originalValidationFunction && typeof (originalValidationFunction) == "function") {
            entityFormClientValidate = function() {
               originalValidationFunction.apply(this, arguments);
               // do your custom validation here
               // return false; // to prevent the form submit you need to return false
               // end custom validation.
               return true;
            };
         }
      }
   }(window.jQuery));
}

Katso myös