使用OOP Javascript从表单获取数据

时间:2019-07-01 19:42:55

标签: javascript forms class oop

我的朋友给了我一个任务。这是东西:

我有2种表格:当您提交第一个表格时,数据将存储到类中,第二个表格将出现;当您单击第二个sumbit时,它将重定向您到其他站点,所有数据都将出现在该站点上与多维数组一起使用foreach。

第一种形式,第二种形式相似:

form id="signupForm">
 <fieldset>
     <legend>Sign-up Form</legend>
     <p>
         <label for="firstname">First name</label>
         <input id="firstname" name="firstname" type="text">
     </p>
     <p>
         <label for="lastname">Last name</label>
         <input id="lastname" name="lastname" type="text">
     </p>
     <p>
         <label for="email">Email</label>
         <input id="email" name="email" type="email">
     </p>
     <p>
         <label for="confirm_email">Confirm Email</label>
         <input id="confirm_email" name="confirm_email" type="email">
     </p>
     <p>
         <label for="agree">Please agree to our policy</label>
         <input id="checkbox" class="checkbox" name="agree" type="checkbox">
     </p>
     <button type="submit">submit</button>
 </fieldset>

这是带注释的JS:

$( "#signupForm" ).submit(function( event ) {
     event.preventDefault();
     $( "#signupForm2" ).show( "slow" );
     $( "#signupForm" ).hide( "fast" );

 });

 class Person {

     var data = [];
     var step;



     function constructor(){
        this.step = 1;
     }

     function changeStep(){
         this.step++;
     }

    function store() {
         // Find all inputs and text areas in current step
         // Foreach all of them and save one by one into array
         // Store array as step into data
         // Call change step function
     }

     function getData(){
        //Get data from var data array
     }

 }

我将为任何帮助感到高兴。谢谢。

0 个答案:

没有答案