Developing a "register with stages"

We must edit the OnLoad event The form the Javascript option.


Insert the following code:
document.getElementById('id_tabs_0_1').style.pointerEvents= "none";
document.getElementById('id_tabs_0_2').style.pointerEvents= "none";

ONote: id_tabs_0_1 is referenced by "id_applicationname_0_1".
Also being obtained inspecionamento the wing portion.

We need to create a Javascript method:

We will create a JavaScript method called enable, with a parameter:

Click in the Javascript method and select the option marked with the arrow.

Follow the images to create the parameter:

Now use the code in the function created:

document.getElementById('id_tabs_0_'+x).style.pointerEvents= "visible";

Now need to create events ajax:

Creating the Events Ajax:

With the following code: ( always referencing the next tab to be available).

For the fist tab field:

if({login}!=null && {pswd} !=null )
    {
        $javascript_function   = 'enable';
        $javascript_parameters = array('1');
        sc_ajax_javascript($javascript_function, $javascript_parameters);
    }else
        {
            sc_ajax_message("Please complete all fields", "Attention", "modal=Y&left=100&right=100&width=200&height=100");
        }

 

To the field on the second tab:


if({state}!=null && {address} !=null )
    {
        $javascript_function   = 'enable';
        $javascript_parameters = array('2');
        sc_ajax_javascript($javascript_function, $javascript_parameters);
    }else
        {
            sc_ajax_message("Please complete all fields", "Attention", "modal=Y&left=100&right=100&width=200&height=100");
        }


Application running: