0

たくさん検索しましたが、私の質問に対する答えが見つかりませんでした。まず、すべての必須フィールドが入力されていない場合に無効になる送信ボタンが必要です。すべてのフィールドが入力されている場合の例をいくつか見つけましたが、必須フィールドと必須フィールドがないので、必須フィールドが入力されているかどうかを確認する必要があります。私は現在、それを実現する方法のアイデアがありません。念のため、Scala で play フレームワーク 2.1.x を使用しています。

乾杯、イルギュン

4

3 に答える 3

3

これはうまくいくはずです：

<script>
$(function () {
    var submitButton = $("#myForm input[type='submit']");
    $("#myForm input.required").change(function () {
        var valid = true;
        $.each($("#myForm input.required"), function (index, value) {
            alert("comes here");
            if(!$(value).val()){
               valid = false;
            }
        });
        if(valid){
            $(submitButton).attr("disabled", false);
            console.log("valid");
            alert("valid");
        } 
        else{
             $(submitButton).attr("disabled", true);
        }
    });
});

</script>

私の送信ボタン:

<input type="submit" class="btn btn-primary" value="Submit" id="form-submit" onclick="return myConfirm();" />
于 2013-10-01T13:28:20.547 に答える
1

これは、入力検証の可能な方法を示すために、プレーンな HTML/JS を使用したいくつかの基本的なものです。

HTML:

    <html>
      <form id="form">
        <input class="form-input" data-required="true" type="text" />
        <input class="form-input" data-required="true" type="text" />

        <input class="form-input" data-required="false" type="text" /> 
        <input class="form-input" data-required="false" type="text" />

        <input id="form-submit" type="submit" disabled />
      </form>
    </html>

JS:

    $(document).ready(function() {
      // on input change:
      $(".form-input").on('change', function() {
        // hide the input (not neccessary)
        $("#form-submit").hide();
        // enable it
        $("#form-submit").removeProp("disabled");

        // check all inputs
        $.each(".form-input", function() {
          // read element values
          var required = $(this).data("required");
          var empty = ($(this).val() == "" || $(this).val() == null)
          // if element is required but empty:
          if (required && empty) {
            // disable submit button
            $("#form-submit").prop("disabled", "disabled");
          }
        }          

        // now the submit button is enabled if all required inputs are filled
        // and it is disabled if at least one required input is empty

        // after hiding it: make the button visible again (not neccessary)
        $("#form-submit").show();
      }
    });
于 2013-10-01T12:59:40.850 に答える