如何使用JavaScript禁用HTML页面刷新

Question

我有此功能，但我想禁用页面刷新。.我有I按钮，当我单击它时，它显示第二个表单并隐藏第一个表单...但是它仅显示第二个表单，然后再次显示第一个表单。 我认为它正在重新加载页面...但是有什么办法可以停止它..这是我的功能

 function displayform2() {
     /*For desktop*/
     var inputs = [
         document.getElementById('firstname1'),
         document.getElementById('lastname1'),
         document.getElementById('cel1'),
         document.getElementById('email1'),
     ];
     var nr = 0; /*to keep the number of fields empty*/
     for (var i = 0; i < inputs.length; i++)
         if (inputs[i].value == '') {
             nr++;
         }
     if (document.getElementById('desktop1').style.display == 'block') {
         if (nr > 0) {
             document.getElementById('totalfield1').style.display = 'block';
         } else {
             document.getElementById('desktop1').style.display = 'none';
             document.getElementById('desktop2').style.display = 'block';
             document.getElementById('desktop3').style.display = 'none';
         }
     }

HTML

  <input type="button" value="Proceed"  id="submit1" onclick="displayform2()" class="button" style=" margin-top: -40px;margin-left: 60%;width: 25%" disabled>

我正在使用这些按钮

请帮我

Answer 1

向我们展示HTML。 您是否正在使用锚调用displayform2（）函数？

如果是这样，请确保使用return false; 防止默认行为（用于导航）

<a href="javascript:displayform2(); return false;">Display form</a>