0

我有一个功能，但我不知道问题是什么。这个函数我会控制html表单中的必填字段，当我输入字段时，我会告诉该函数转到另一个表单，该表单称为desktop2。所以它一直是隐藏的，当我点击它出现的按钮时。我的问题是，当我填写了所有必需的字段并单击按钮时，它会将我发送到第二个表单，但在几秒钟内它又将我返回到第一个表单......我能做什么......请帮助我。 ..

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

        }

虽然这是未填写所需字段时显示的消息

<span class="errorcolor" id="totalfield1" style="display: none" >
                <p>Please complete all the required fields</p>
                    </span>

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

function displayform2() { /对于桌面/

        if (document.getElementById('desktop1').style.display=='block') {


            else{
                    document.getElementById('desktop1').style.display='none';
                    document.getElementById('desktop2').style.display='block';
            document.getElementById('desktop3').style.display='none';}

        }

当我像这样使用它时，一切正常......按钮将我发送到另一个表单，但是当我为必填字段添加控件时，问题出现了..按钮将我发送到其他表单仅几秒钟然后在几秒钟内以第一种形式再次返回我

4

0 回答 0