0

我正在构建一个表单并提醒用户在输入成功之前他们无法进入下一步

var location=document.getElementById("zip").value;
if(location==null || location==""){
    alert("Please insert a valid location!");
    return false;

}

如果用户继续下一步，则激活提交按钮。如果用户返回到这一步，如果相同的输入为空，我只想在这一步隐藏提交按钮。我怎样才能只使用javascript来做到这一点？提交按钮的类是“btFinish”。

谢谢！

编辑

我正在使用 jQuery。我试过了

  $(btPrevious).click(function(e) {
                      $(btFinish).hide();
                    });

                  $(btNext).click(function(e) {
                      $(btFinish).show();
                    });

这会在进度中隐藏完成按钮，但如果输入框中有错误，并且用户单击“btNext”，即使用户必须在第一步修复输入，也会显示“btFinish”。

4

2 回答 2

1

好的，根据我的理解，您有两个步骤：

1) 邮编必须填写，然后用户点击进入下一步。2) 用户可以提交完成或返回邮政编码步骤。

我会做这样的事情：

  $(btPrevious).click(function(e) {
      $(btFinish).hide();
  });

  $(btNext).click(function(e) {
      $(btFinish).show();
  });

  $('#zip').keyup(function(){
       if ($(this).val() === null || $(this).val() === ""){
            $(btFinish).hide();
       }
       else{
            $(btFinish).show();
       }
  });

这将阻止他们点击 btFinish，除非他们在 zip 中写了一些东西。我在想，既然他们必须按下删除按钮，它应该触发事件处理程序。如果他们可以以其他方式清除邮政编码，您还可以检查模糊或他们可以清除盒子的任何其他事件。

于 2013-02-11T22:20:42.940 回答
0

我建议你尝试这样的事情：

var location = document.formname.inputname.value;


if(location == ""){

    alert("No Valid Location")
}
于 2013-02-11T19:43:48.227 回答