Getting frm is undefined for script of a web form

i am trying to write script for a web form and when i logged frm to console then i got undefined

here is the code

frappe.web_form.validate = (frm)=>{
    console.log('frm',frm)
    console.log('in validate')
    // Get the parameters from the URL
        let url = window.location.href;
        let urlParams = getUrlParams(url);
        //var urlParams = frappe.utils.get_url_params();
        console.log('urlParams:',urlParams);
        // Set field values based on URL parameters
        if (urlParams.asset_id) {
            console.log('asset_id:',urlParams.asset_id);
            frappe.model.set_value('asset_name', urlParams.asset_id);
        }
        if (urlParams.id) {
            frappe.model.set_value('asset_id', urlParams.id);
        }
        if (urlParams.branch) {
            frappe.model.set_value('branch', urlParams.branch);
        }
        if (urlParams.floor) {
            frappe.model.set_value('floor', urlParams.floor);
        }
        if (urlParams.department) {
            frappe.model.set_value('department', urlParams.department);
        }
        console.log('after if st:');
        // Refresh the form to reflect the changes
        // frm.refresh();
}

// Function to extract URL parameters
function getUrlParams(url) {
    var params = {};
    var queryString = url.split('?')[1];

    if (queryString) {
        var keyValuePairs = queryString.split('&');

        keyValuePairs.forEach(function (pair) {
            var keyValuePair = pair.split('=');
            var key = decodeURIComponent(keyValuePair[0]);
            var value = decodeURIComponent(keyValuePair[1] || '');
            params[key] = value;
        });
    }

    return params;
}

Hi @Vinay1:

Use frappe.web_form

Check the docs:
https://frappeframework.com/docs/user/en/guides/portal-development/web-forms

Hope this helps.