इसके माध्यम से साझा किया गया

फ़ॉर्म में कस्टम JavaScript जोड़ें

  • आलेख

नोट

12 अक्टूबर 2022 से प्रभावी, Power Apps पोर्टल Power Pages है। अधिक जानकारी: Microsoft Power Pages अब आम तौर पर उपलब्ध है (ब्लॉग)
हम जल्द ही Power Apps पोर्टल दस्तावेज़ीकरण को Power Pages दस्तावेज़ीकरण के साथ माइग्रेट और विलय करेंगे।

दोनों बेसिक फॉर्म और मल्टीस्टेप फॉर्म sदोनों स्टेप रिकॉर्ड में कस्टम JavaScript नाम का एक फील्ड होता है जिसका उपयोग JavaScript कोड को स्टोर करने के लिए किया जा सकता है ताकि आप फॉर्म के विज़ुअल डिस्प्ले या फ़ंक्शन को बढ़ा या संशोधित कर सकें.

JavaScript का कस्टम ब्लॉक पृष्ठ के निचले भाग में समाप्ति प्रपत्र टैग तत्व से बिल्कुल पहले जोड़ा जाएगा.

फ़ॉर्म फ़ील्ड

एक तालिका फ़ील्ड की HTML इनपुट id, एट्रिब्यूट के लॉजिकल नाम पर सेट होती है. 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));
}

भी देखें