如何使用javascript禁用html页面刷新

我有此功能，但我想禁用页面刷新。。我有我的按钮，当我点击它时，它会显示第二个表单，并隐藏第一个表单。。。但它只显示第二个表单一秒钟，然后再次显示第一个表单。我想它正在重新加载页面…但是有没有办法阻止它。。 这是我的职责

 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';
         }
     }

函数displayform2（）{
/*用于桌面*/
变量输入=[
document.getElementById（'firstname1'），
document.getElementById（'lastname1'），
document.getElementById（'cel1'），
document.getElementById（'email1'），
];
var nr=0；/*以保持字段数为空*/
对于（变量i=0；i0）{
document.getElementById（'totalfield1'）。style.display='block'；
}否则{
document.getElementById（'desktop1'）.style.display='none'；
document.getElementById（'desktop2'）.style.display='block'；
document.getElementById（'desktop3'）.style.display='none'；
}
}

HTML

我正在用这些按钮

---

请帮助我

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

如果是，请确保使用return false；以防止默认行为（即导航）

我正在使用上面的按钮，非常感谢……它现在可以工作了：）很高兴知道：-）你能给我的答案投票吗（嘿，我在收集积分！）

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

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