0

I am using Sitecore 9.0.2 with SXA 1.7.1

I have added the below javascript for client-side validation in SXALayout.cshtml page:

enter image description here

Unfortunately, I am getting XA is not defined error:

enter image description here

  • It's against best practices to modify the layout included with SXA. There is probably a different way to do this. – Michael West Oct 24 '18 at 1:27
  • How is this related to Sitecore.Forms? – Mark Cassidy Oct 24 '18 at 2:07
  • yes, its realted to sitecore 9 forms – PKH Oct 24 '18 at 4:29
  • If this is related to Sitecore Forms then you shouldn't touch SXALayout view. You are probably following article from Jason here -> citizensitecore.com/2017/12/13/… . Mind that it was created for different version of SXA where Ajax was not supported and this small "hack" was made as a quick fix for that problem. – Peter Procházka Oct 24 '18 at 5:29
  • I would follow articles similar to this one c-sharpcorner.com/article/asp-net-mvc5-jquery-form-validator and create jquery validation on existing field in your separate js file. Add that file into your theme in SXA and make sure it's loaded as last one. Should do the trick without fiddling around OOTB files which is bad practice and you should avoid it. – Peter Procházka Oct 24 '18 at 5:40
1

You shouldn't change views which come OOTB unless it is really necessary.

I would recommend creating js file with your custom scripts and adding that file into your theme in SXA. Make sure it's loaded as last one.

Follow this great tutorial on Sitecore Doc site -> https://doc.sitecore.net/sitecore_experience_accelerator/designing/themes/the_sxa_themes

Location of file would be /sitecore/media library/Themes/{theme_name}/scripts/

e.g. /sitecore/media library/Themes/Wireframe/scripts/

if you are using Wireframe theme.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.