javascript - 使用javascript显示提交按钮

Question

我正在运行这段代码，我希望提交按钮仅在所有字段都不为空但不起作用时显示。

<form id="my_form">
    <input type="text" id="title" name="title" class="title" placeholder="TITLE" />
    <textarea name="comment" id="comment" class="textarea"></textarea>
    <input type="text" id="tags" name="tags" class="text" placeholder="TAGS" />
    <span id="advance"></span>
</form>
<script src="js/jscript.js"></script>
<script>
    $(document).ready(function() {
        if (($("#comment").val() !== "") && ($("#title").val() !== "") && ($("#tags").val() !== "")) {
            $('#advance').html("<input type='submit' name='submit' id='submit' class='upload' value='ADVANCE' />");
        }
    });
</script>

Answer 1

您可以将事件处理程序绑定(bind)到“change”(或“keyup”)JavaScript 事件。 当改变输入时，它会触发该功能。

$(document).on('change','#my_form', function() {
    if (($("#comment").val() !== "") && ($("#title").val() !== "") && ($("#tags").val() !== "")) {
        $('#advance').html("<input type='submit' name='submit' id='submit' class='upload' value='ADVANCE' />");
    }
});

它可以更新 check isfill 的函数:

$(document).on('change','#my_form', function() {
  var allFilled = true;

  $(':input:not(:button)').each(function(index, element) {
    if (element.value === '')
      allFilled = false;
   });

  $('#advance').html("");
  if(allFilled)
    $('#advance').html("<input type='submit' name='submit' id='submit' class='upload' value='ADVANCE' />");     
});