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

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

  • आलेख

मूल फॉर्म और मल्टीस्टेप फॉर्म चरण रिकॉर्ड दोनों में कस्टम 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));
}

भी देखें