Intro.JS возможность проверки вводимых пользователем данных перед продолжением работы

Итак, я хочу разработать Javascript, который заставляет пользователя ввести / выбрать что-либо перед переходом к следующему шагу (например, заставляет пользователя нажать кнопку, ввести свое имя и т.д.). Я работаю на Django Framework со смесью Javascript и HTML вместе.

Игнорируйте первую часть, поскольку я пытаюсь назначить каждую функцию кнопке, чтобы кнопка могла выполнять различные задачи по отдельности. Но это не работает в скрипте intro.js. Сниппер кода приведен ниже:

 <script>
        /*
        var btn1=document.getElementById("button1");
        var btn2=document.getElementById("button2");
        var div=document.getElementById("InputName");
        
        btn1.onclick=function(){
        if (div.style.display !=="none") {
          div.style.display="none";
        } else {
          div.style.display="block";    
        }
        };
        // this is the crucial part
        btn2.onclick=function(){
            var steps=[
        {element:"#button1",intro:"A button", position:"right"},
        {element:"#button2",intro:"This goes away sometimes"}
         ];
          
          if (div.style.display==="none") {
              steps.splice(1,1);
          }
        
          introJs().setOptions({
          steps:steps
          }).start();
          
        } */

        var steps=[
        {element:"#InputName",intro:"Please fill your name", position:"right"},
        {element:"#InputUsername",intro:"Please fill your username"},
        {element:"#button1",intro:"Succesfully Filled, press register."}
        ];
         
        introJs().setOptions({
            steps:steps
            }).start();

Вернуться на верх