Question

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

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”。 / p>

Answer 1

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

1）必须填写Zip然后用户点击进入下一步。 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，除非他们有拉链中写的东西。我在想，因为他们希望按下删除按钮，它应该触发事件处理程序。如果他们可以以某种方式以其他方式清除邮政编码，您还可以检查模糊或他们可以清除该框的任何其他事件。

Answer 2

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

var location = document.formname.inputname.value;


if(location == ""){

    alert("No Valid Location")
}

表单验证javascript隐藏元素

2 个答案: