尝试从表单获取数据并将其附加到全局数组，但由于某种原因未添加数据

Question

我试图从表单中获取数据并将其附加到全局数组中，但由于某种原因，数据没有添加到数组中。代码基本上应该接受来自表单的输入并将其存储到全局数组中。我更新了 HTML，以便您可以看到完整的语法。该值基本上应该从表单中获取并使用“addnew”函数放入全局数组中。

        function addnew()

        {

            //calculateAge();

            //Accept values entered in form

            const fname = document.getElementById('fname').value;

            const mname = document.getElementById('mname').value;

            const lname= document.getElementById('lname').value;

            const dob= document.getElementById('dob').value;

            const genderM = document.getElementsByName('male').checked;

            const genderF = document.getElementsByName('female').checked;

            const age = calculateAge.bYear;

            const bodyType = document.getElementById('Body Type').value;

            const occu= document.getElementById('occu').value;

            const height= document.getElementById('height').value;

            if (fname==null || fname=="")

            {  

                alert();  

            }

            if(mname==null || mname=="")

            {  

                alert();  

            }

            if (lname==null || lname=="")

            {  

                alert();  

            }

            if(dob==null || dob=="")

            {

                alert();

            }

            if (genderM.checked ==  false || genderF.checked == false){  

                alert();   

            }

            if (age <=18 || age >=75)

            {  

                alert();  

            }

            if(height>=170 || height<=200)

            {

                alert();

            }

            if(bodyType==null || bodyType==""){

                alert();

            }

            if(oocu==null || oocu=="")

            {

                alert();

            }

    </script>

  

Answer 1

首先。name属性与元素无关form。第二。Information.addEventListener('submit', addnew);没有意义，因为Information没有定义。并深入到核心。提交表单时，页面默认刷新，因此 addNew 函数像所有其他变量一样中止。为了防止这种情况，您必须执行以下操作。提交按钮广告上有一个 id 属性：<button id="submit" type="submit"> Submit </button>然后在 JS 之上，获取按钮元素并向其添加事件侦听器：let submit = document.getElementById('submit');submit.addEventListener('click', addnew );这是最后一步。在 addNew 函数上，添加一个事件参数。并在函数代码的开头，触发 PreventDefault 方法：function addnew(event) {&nbsp; event.preventDefault();&nbsp; // the rest of the code here}顺便一提。你这里有一个错字。应该是的occu。if (oocu == null || oocu == "") {&nbsp; alert();}祝你好运！