Jagamisviis:

Kohandatud JavaScript lisamine vormi

  • Artikkel

Nii põhivõrmid kui ka mitmeetapilised vormid etapikirjed sisaldavad välja nimega Kohandatud JavaScript, mida saab kasutada JavaScripti koodi salvestamiseks, et võimaldada teil laiendada või muuta vormi visuaalset kuvamist või funktsiooni.

Kohandatud JavaScripti plokk lisatakse lehe alaosasse kohe vormi sulgeva sildielemendi ette.

Vormi väljad

Tabeli välja HTML‑sisendi ID‑ks on määratud atribuudi loogiline nimi. Valides välja, lihtsustub jQuery väljade või väärtuste valimist ja kliendipoolset muutmist.

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

Oluline

Valikuveeru lisamine mudelipõhisele vormile, mida kasutatakse mitmeetapilise vormi etapis või põhivormis, kuvatakse veebilehel ripploendi serveri juhtelemendina. Kui kasutate juhtelemendile täiendavate väärtuste lisamiseks kohandatud JavaScripti, kuvatakse leheedastuses teade "Vastuse või selle argument on sobimatu".

Kliendipoolne välja lisakinnitamine

Mõnikord võib olla vaja vormi väljade kinnitamist kohandada. See näide kohustab kasutajat meiliaadressi määrama ainult siis, kui teise eelistatud kontaktimeetodi välja väärtuseks on määratud Meil.

Märkus.

Kliendipoolne välja valideerimine ei ole alamruudustikul toetatud.

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

Üldine valideerimine

Nupu Edasi/Edasta klõpsamisel käivitatakse funktsioon nimega entityFormClientValidate. Saate seda meetodit laiendada kohandatud valideerimise loogika lisamiseks.

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

Vaata ka