Megosztás a következőn keresztül:

Egyéni JavaScript hozzáadása egy űrlaphoz

  • Cikk

Megjegyzés

  1. október 12-től a Power Apps-portálok a Power Pages nevet kapják. További információ: A Microsoft Power Pages már általánosan elérhető (blog)
    A Power Apps-portál dokumentációját hamarosan áttelepítjük és egyesítjük a Power Pages dokumentációjával.

Az alapűrlap és a többlépéses űrlap lépés rekordjai tartalmaznak egy Egyéni JavaScript mezőt, amely az űrlap vizuális megjelenítésének vagy funkciójának módosítására vagy bővítésére szolgáló JavaScript-kód tárolására használható.

A JavaScript egyedi blokkja az oldal aljára lesz hozzáadva közvetlenül a záró űrlapcímke elem előtt.

Űrlap mezők

A táblamező HTML bemeneti azonosítója az attribútum logikai nevére van beállítva.. Egy mező, értékek vagy más kliensoldali beállítások kiválasztása egyszerű a jQuery segítségével.

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

Fontos

Ha egy választási lehetőség oszlopot ad hozzá egy modellvezérelt űrlapohoz, hogy egy többlépéses űrlap lépésben vagy alapűrlapon használja, az legördülő kiszolgálóvezérlőként jelenik meg a portáloldalon. Ha egyéni JavaScript-et használ további értékek hozzáadására a vezérlőelemhez, akkor az oldal elküldésében egy "Érvénytelen visszaküldési vagy visszahívási argumentum" üzenet jelenik meg.

További ügyféloldali mező ellenőrzése

Néha szükséges az űrlapon található mezők érvényesítésének testreszabása. Ez a példa arra kényszeríti a felhasználót, hogy csak akkor adjon meg email címet, ha az előnyben részesített kapcsolattartási mód Email-re van állítva.

Megjegyzés

Az ügyféloldali mezőellenőrzés a részrácson nem támogatott.

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));
}

Általános érvényesítés

A Következő/Küldés gombra kattintva egy entityFormClientValidate nevű funkció lesz végrehajtva. Ez a módszer kiterjeszthető egyéni érvényesítési logika hozzáadásával.

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));
}

Kapcsolódó információk