0

フォームを作成し、入力が成功するまで次のステップに進むことができないことをユーザーに警告しています

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

}

ユーザーが次のステップに進むと、送信ボタンがアクティブになります。ユーザーがこのステップに戻った場合、同じ入力が null の場合、このステップでのみ送信ボタンを非表示にしたいと考えています。JavaScriptのみを使用してこれを行うにはどうすればよいですか? 送信ボタンのクラスは「btFinish」です。

ありがとう！

編集

jQueryを使用しています。私が試してみました

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

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

これにより、進行中に [完了] ボタンが非表示になりますが、入力ボックスにエラーがあり、ユーザーが [btNext] をクリックすると、ユーザーが最初のステップで入力を修正する必要がある場合でも、[btFinish] が表示されます。

4

2 に答える 2

1

わかりましたので、ここでの私の理解から、2つのステップがあります：

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();
       }
  });

これにより、zip に何かが書かれていない限り、btFinish をクリックできなくなります。削除ボタンを押す必要があるので、イベントハンドラーをトリガーする必要があると思います。彼らが何らかの方法で郵便番号をクリアできる場合は、ぼかしをチェックするか、ボックスをクリアできる他のイベントをチェックすることもできます.

于 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 に答える