Додавање прилагођеног JavaScript кода у образац

Записи корака у основним обрасцима и обрасцима са више корака садрже поље под називом Прилагођени JavaScript које може да се користи за складиштење JavaScript кода како би вам омогућио да проширите или измените визуелни приказ или функцију обрасца.

Прилагођени блок JavaScript-а ће бити додат на дно странице, непосредно пре елемента затварања ознаке обрасца.

Поља обрасца

ID HTML уноса за поље табеле је постављен на логичко име атрибута. једноставан избор поља, поставке вредности или друге манипулације на страни клијента помоћу корисничког интерфејса jQuery.

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

Важно

Додавање колоне избора у образац заснован на моделу који ће се користити у кораку обрасца са више корака или основном обрасцу приказаће се на веб-страници као падајућа контрола на страни сервера. Коришћење прилагођеног JavaScript кода за додавање додатних вредности контроли резултираће поруком „Неважећи аргумент за повратни одговор или повратни позив“ на прослеђивању странице.

Додатна провера ваљаности поља на страни клијента

Понекад ћете морати да прилагодите проверу ваљаности поља на обрасцу. Овај пример приморава корисника да наведе е-пошту само ако је друго поље за жељени начин контактирања подешено на Е-пошта.

Напомена

Провера ваљаности поља на страни клијента није подржана у подформи.

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

Општа провера ваљаности

По клику на дугме Даље/Поднеси, извршава се функција по имену entityFormClientValidate. Можете да проширите овај метод да бисте додали прилагођену логику провере ваљаности.

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

Погледајте и

  • Last updated on