0

私はこの機能を持っていますが、ページの更新を無効にしたい..ボタンがあり、クリックすると2番目のフォームが表示され、最初のフォームが非表示になります...しかし、2番目のフォームが一瞬だけ表示され、最初のフォームをもう一度表示します。ページをリロードしていると思います...しかし、それを止める方法はありますか..これは私の機能です

 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>

これらのボタンを使用しています

私を助けてください

4

1 に答える 1

1

HTMLを見せてください。アンカーを使用して displayform2() 関数を呼び出していますか?

その場合は、必ず return false; を使用してください。デフォルトの動作（ナビゲートする）を防止する

<a href="javascript:displayform2(); return false;">Display form</a>
于 2013-11-07T23:07:42.467 に答える