Service Portal: Javascript error in your browser console

[ramirch]

Hello!

We have a catalog client script that uses $j. This works in the backend but in the Service Portal, it shows the error below.

Is there an alternative of using $j in a catalog client script that works in both backend and Service Portal? The client script is:

    $j('#loc).change(function() {
		var locVal = $j('#loc').val();
		locVal = locVal .substring(0,locVal.indexOf(':'));
        g_form.setValue('location',locVal);
    });
    $j('#zipcode').change(function() {
		var zipcodeVal = $j('#zipcode').val();
		zipcodeVal = zipcodeVal.substring(0,zipcodeVal.indexOf(':'));
        g_form.setValue('zipcode',zipcodeVal);
    });
}

Thank you.

[Sai Shravan]

Hi @ramirch ,

you can use the jQuery keyword instead of $j in your client script to make it work in both backend and Service Portal.

Here's an updated version of your client script that uses jQuery instead of $j:

jQuery(document).ready(function() {
    jQuery('#loc').change(function() {
        var locVal = jQuery('#loc').val();
        locVal = locVal.substring(0, locVal.indexOf(':'));
        g_form.setValue('location', locVal);
    });
    jQuery('#zipcode').change(function() {
        var zipcodeVal = jQuery('#zipcode').val();
        zipcodeVal = zipcodeVal.substring(0, zipcodeVal.indexOf(':'));
        g_form.setValue('zipcode', zipcodeVal);
    });
});

Regards,
Shravan

[ramirch]

@Sai Shravan Unfortunately this did now work. I'm still getting the Javascript error. 😞

[Sai Shravan]

Hi @ramirch,

Can you Inspect (Just right-click on any website's area and choose Inspect. You can also use your keyboard shortcut - Ctrl+Shift+I) on the browser, navigate to console and check which line is throwing the error.

Regards,

Shravan

[ramirch]

@Sai Shravan This is the error when I used Inspect: TypeError: jQuery is not a function