Dodaj prilagođeni JavaScript
Zapis koraka naprednog obrasca sadrži polje pod nazivom Prilagođeni JavaScript kod koje se može upotrebljavati za pohranu JavaScript koda koji vam omogućava produžiti ili izmijeniti vizualni prikaz obrasca ili njegovu funkciju.
Prilagođeni blok jezika JavaScript dodat će se na dno stranice odmah ispred zatvarajućeg elementa oznake obrasca.
Polja obrasca
ID unosa HTML polja tablice postavljena je na logički naziv atributa. Ovime se olakšava odabir polja, postavljanje vrijednosti ili druge manipulacije s klijentske strane uz pomoć funkcije jQuery.
$(document).ready(function() {
$("#address1_stateorprovince").val("Saskatchewan");
});
Važno
Dodavanje stupca odabira u obrazac stvoren prema modelu koji će se koristiti u koraku naprednog obrasca ili osnovnom obrascu prikazat će se na stranici portala kao padajuća kontrola poslužitelja. Upotreba prilagođene funkcije JavaScript za dodavanje dodatnih vrijednosti u kontrolu rezultirat će porukom „Nevažeći povratni argument ili argument povratnog poziva” pri slanju stranice.
Dodatne provjere valjanosti s klijentske strane
Ponekad ćete morati prilagoditi provjeru valjanosti polja na obrascu. Sljedeći primjer prikazuje dodavanje alata za prilagođenu provjeru valjanosti. U ovom određenom primjeru od korisnika se traži da navede poruku e-pošte samo ako je još jedno polje za preferirani način kontakta postavljeno na "E-pošta".
Napomena
Potvrda polja na strani klijenta nije podržana u podrešetci.
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'>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);
// Wire-up the click event handler of the validation summary link
$("a[href='#emailaddress1_label']").on("click", function () { scrollToAndFocus('emailaddress1_label','emailaddress1'); });
});
}(window.jQuery));
}
Opća provjera valjanosti
Klikom gumba dalje/pošalji izvršava se funkcija pod nazivom webFormClientValidate. Tu metodu možete proširiti da biste dodali prilagođenu logiku provjere valjanosti.
if (window.jQuery) {
(function ($) {
if (typeof (webFormClientValidate) != 'undefined') {
var originalValidationFunction = webFormClientValidate;
if (originalValidationFunction && typeof (originalValidationFunction) == "function") {
webFormClientValidate = 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));
}
Pogledajte također
- Konfiguriranje portala
- Definiranje osnovnih obrazaca
- Koraci naprednih obrasca za portale
- Vrsta koraka Učitavanje obrasca/Učitavanje kartice
- Vrsta koraka Preusmjeravanje
- Uvjetna vrsta koraka
- Microsoft Learn: Proširivanje Power Apps portala skriptama
- Microsoft Learn: Napredni razvoj na strani klijenta